Home>Support>Background with semi-transparent boxes

Background with semi-transparent boxes

Hi Andrew,
I have vantage premium. Please can you advise if it is possible to have a background image with semi-transparent boxes as in the example?
I have moved my website and would like to add a more softer touch to how it is now (www.theshoelady.co.za).
Many thanks and kind regards
Magdalize

URL: http://carstens6.wix.com/the-shoe-lady

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Magdalize

    This doesn’t really work well with the full width layout you’re using now. With the boxed layout available under Theme Settings > Layout, you can then add a background image from Appearance > Customize or a background color. In that case you could change the content background opacity by inserting the following under Appearance > Custom CSS:

    /* Vantage Boxed Layout Set Page Opacity */
    
    #main {
    background: rgba(200, 54, 54, 0.5); 
    }
    

    The first three numbers represent the RGB values for the color you’ve chosen. The last number represents opacity.

    If you need a RGB tool, here is one: http://www.colorpicker.com/. Otherwise Photoshop or similar apps can do the job.

  2. 9 years, 7 months ago Magdalize Carstens

    Hi Andrew,

    Thanks for the reponse! I have been playing around a lot and changed the background and look and feel of the site. I am struggling with my Woocommerce. Certain products give the following error codes:

    Notice: Undefined offset: 50 in /home/theshoel/public_html/wp-content/plugins/woocommerce/includes/admin/meta-boxes/class-wc-meta-box-product-data.php on line 1560

    Warning: Cannot modify header information – headers already sent by (output started at /home/theshoel/public_html/wp-content/plugins/woocommerce/includes/admin/meta-boxes/class-wc-meta-box-product-data.php:1560) in /home/theshoel/public_html/wp-admin/post.php on line 233

    Warning: Cannot modify header information – headers already sent by (output started at /home/theshoel/public_html/wp-content/plugins/woocommerce/includes/admin/meta-boxes/class-wc-meta-box-product-data.php:1560) in /home/theshoel/public_html/wp-includes/pluggable.php on line 1178

    Do you have any recommendation or help?

    I appreciate your help.

    Kind regards

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Sorry to hear about this hassle. Please start by temporarily de-activating all plugins except for WooCommerce and Page Builder, check to see if there is any improvement. If there is then re-activate your plugins one by one, after each activation re-check the problem.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More