Heads up! We just made some big improvements to Simplero, and a lot of the videos and screenshots here aren't updated yet.

How To Guides

Current Lesson
Course Content
Course Content

The Notice Box

.notice-box {
  border: 1px solid #eada9c;
  background-color: #f9f2d6;
} 


  1. Go to Settings from your Simplero Dashboard
  2. Select the Branding and tracking tab
  3. Scroll down to Custom (S)CSS for the WYSIWYG editor section and copy and paste the above codes in this field

    Custom_CSS_for_WYSIWYG
  4. Scroll down to the bottom and click the blue Save changes button


How Do I Change the Color of the Notice Box in the Status Bar?

  1. Go to Settings from your Simplero Dashboard
  2. Select the Branding and tracking tab
  3. Scroll down to Custom (S)CSS code for all pages section and copy and paste the codes below in this field

    Custom_CSS_for_all_pages
  4. Make sure to add your color code to replace the two line items that have #ff1493
  5. Scroll down to the bottom and click the blue Save changes button
.aler-notice {
  background-color: #ff1493;
border-color: #ff1493;
color: #fff; }
Last updated 20 Oct 2020.