Does your site has a sidebar and you want to change its background color? Here is a way on how to do it using CSS tweaks in Canvas.

Prerequisite(s)
Canvas theme
Canvas Child theme


Step 1 Login to WordPress control panel

Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and functions.php files in the themes folder using FTP. Go to Appearance > Editor

Step 3 Enter the following codes in Canvas Child style.css file. Please take note to change the last line to your desired color. In this tutorial, we will use skyblue.

/*
Theme Name: Canvas Child
Version: 1.0
Description: Child theme for the Canvas theme
Author: Jezweb
Author URI: http://www.jezweb.com.au/
Template: canvas
*/

@import url(“../canvas/style.css”);

#sidebar {
background: url(“imageurl”) repeat scroll 0 0 skyblue;
}

note: We are using a Canvas child theme so that your CSS settings will not be changed if there is an update with the main canvas theme.


Step 4 Click Update File then go to your online site. You should see the sidebar with a skyblue background color.


Here is a video tutorial on how to add background color in your sidebar using CSS tweaks in Canvas

Leave a Reply

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