Do you want to create gradients for your information box in Canvas? Jezweb prepared a simple step by step instructions for you on how to do it.

Prerequisite(s)
Canvas Child Theme

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: -webkit-radial-gradient(red, green, blue); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(red, green, blue); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(red, green, blue); /* For Firefox 3.6 to 15 */
background: radial-gradient(red, green, blue); /* Standard syntax (must be last) */
}


Step 4 Click Update File to save the changes

Step 5 Go to your online site and notice the gradient on your information box


Here is a video tutorial on how to create gradients for Canvas information box.

Print Friendly, PDF & Email

Leave a Reply

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