• I am trying to change the light gray colored background to a light green, which I’ve done successfully to other parts of my site.

    This is my site:

    https://flatlinedcharters.com/test/

    The area I am trying to target is the gray to the right and somewhat below the aerial image…

    I’ve already tried edtining these css selectors:

    #wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #CAFFF5;
    border: 0px solid #e5e5e5;
    border-radius: 4px;
    clear: both;
    margin: 0px auto 20px auto;
    padding: 0 20px 20px 20px;
    position: relative;

    .col-460 {
    background: #CAFFF5; }

    #wrapper .clearfix {
    background: #CAFFF5 ; }

    #featured .grid col-940 {

    background: #CAFFF5; }

    #featured-image {
    background: #CAFFF5; }

    body {
    background: #CAFFF5; }

    (I am kind of just shooting in the dark with some of my attempts above, but i figure I might as well try everything and work backwards if it works)

    Anyway, this has been somewhat successful but I just cant figure out where that light gray on the right in coming from…

    While I’m at it, I’m also having trouble locating the correct selector to alter the colors of the widgets below as well.

    Thank you for any help. It’s much appreciated! As always!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Open up your website in Google Chrome.
    Right click on the grey bit.
    Select ‘Inspect element’.

    A new toolbar should appear that lets you explore CSS selectors (right) on different HTML elements (left).

    I can’t see which element you’re referring to, have you cleared your cache?

    Thread Starter re_peter

    (@re_peter)

    I have cleared the cache. Nothing changed.

    I’m inspecting using firebug…

    I’m stumped as to where the gray is coming from.

    I even tried using the !important rule with no success…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you create a crude screenshot pointing out the area, then link us that?

    Try asking on the theme’s dedicated forum: https://cyberchimps.com/forum/free/responsive/
    You may get a faster & more informed response there.

    Thread Starter re_peter

    (@re_peter)

    Ah I’m a bonehead. Just forgot to close my css rule!

    working perfect. Thanks again for the help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing Background color of Home Page (Responsive Theme)’ is closed to new replies.