Customize the Color of Information Box using CSS tweaks in Canvas

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