Do you want to make your box layout transparent? You can use some simple CSS tweaks in Canvas to do this.

Prerequisite(s)
Canvas Theme
Canvas Child


Step 1 Login to WordPress control panel

Step 2 Provided that we have already activated the Canvas Child theme, go to Appearance > Editor

Step 3 Enter the following code in the style.css file of the Canvas Child theme

/*
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”);

#wrapper {background: #fff; background: rgba(255,255,255,0.5) !important;}

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 and go to your online site. You should now see the transparent box layout.


Here is a video tutorial on how to make a transparent box layout using CSS tweaks in Canvas

Leave a Reply

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