Home>Support>Changing a background image in a layout

Changing a background image in a layout

By Nayeem, 8 years ago. Last reply by Alex S, 8 years ago.

I have an image .so-widget-image on this page http://karagolemba.com/wordpress/index.php/biography/. I am using Athena Pro and customizing the CSS with SO css.

1.I would like to change the image (guitar) in the middle of the age
2 and also the background black color of the grid panel that goes across the page
3.as well as the background color of the entire page to a “cream”sort of color rather than the white that is currently there. When I change the background on this page, the front page loses its jumbotron and takes on the “cream color”.
I have played around with custom css for a few days and can’t seem to figure it out.

Thank you for your help!

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

  1. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Krushen,

    1. 2. These settings are controlled by SiteOrigin Page Builder. Open up the page and click edit. Open the second rows SiteOrigin Image. Adjust the image file setting. You may need to remove the external URL.

    Then open the second row by clicking the wrench above it. Head over to the row styles sidebar and open the design group. Set the background color to your desired color or press clear.

    3. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .page-id-11 .site-content {
    background: #FCF9F0;
}

    You might also need to install the SiteOrigin CSS Editor.

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