Make a transparent box layout using CSS tweaks in Canvas

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