Did you create an Information Box using the shortcode in Woothemes and would like to customize the color to blend with your site theme? Jezweb has prepared a simple tutorial for you on how to do it.

Prerequisite(s)
Canvas Theme
Canvas Child

Step 1 Login to WordPress control panel

Step 2  Go to Appearance > Editor 

Step 3 In the Canvas Child: Stylesheet (style.css), paste the following codes below

body .woo-sc-box.info {
background: none repeat scroll 0 0 pink;
border-color: #CCCCCC;
padding: 9px 15px;
}

note:  You can change the info box to your desired color by replacing pink from the line below

background: none repeat scroll 0 0 pink;


Step 4 Click Update File to save the changes

Step 5 Go to your online site and notice the color of the Information Box was changed from gray to pink.


Here is a video tutorial on how to customize the color of information box using CSS tweaks in Canvas

Leave a Reply

Your email address will not be published. Required fields are marked *