Home>Support>Need Homepage and Other Pages to Have Different Background Colors

Need Homepage and Other Pages to Have Different Background Colors

By Michael, 9 years ago. Last reply by Daniel, 9 years ago.

Hi,

On my homepage above and below the slider, there are blue borders. I want the homepage to look like it appears. However, on all the other pages, the dark blue appears where there should be white. What CSS code would you recommend that would allow me to keep the blue background on my homepage, but on other pages, I will still have a white background with black text? Any help you can offer would be greatly appreciated!

MH

URL: http://www.cheiron-homeschool.com/

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, 5 months ago Magus
    Hi, I Work Here

    Hi Michael,

    In your custom CSS you currently have this entry

    #colophon, body.layout-full {
    background-color: #2a0cd1;
}

    The ‘body.layout-full’ comment for the target is what is causing this and should be removed to give you the white background you need. If you enter this then we can adjust the home page to remove any white that appears as a separate CSS entry.

    Let us know how you get on

    Magus

  2. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Michael,

    I forgot to mention, please make sure and goto Appearance->Customize and make sure that the background color in the Page section is set to white.

    Magus

  3. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Michael

    I remember telling you to apply a certain custom CSS that might be causing this: (https://siteorigin.com/thread/need-help-with-deleting/)

    Locate

    #main {
  background: #2A0CD1 !important;
  padding: 0px !important;
}

    and just delete this part

    background: #2A0CD1 !important;;

    ..and use this

    body.page-id-145 #main {
  display:none !important;
}

    Let me know if that works out for you

    @Magus much appreciated

    Cheers

  4. 9 years, 5 months ago Michael

    Hi,

    I checked my custom CSS and couldn’t find the following:

    #colophon, body.layout-full {
    background-color: #2a0cd1;
    }

    However, I did everything else you said and the white has returned, but now there’s a thin white line above the footer.

    MH

  5. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Michael

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

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