• I have been trying to change the background color and font color of a website I have on my local server and I can’t figure it out. I have tried every selector and option I have found on the forums here and elsewhere, but nothing seems to make a difference.

    Is there anyone who can help me with the correct selectors to alter these portions of my site?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Have you tried:

    body {
    background-color: red;
    color: blue;
    }

    Thread Starter bguy0501

    (@bguy0501)

    Yeah, I’ve tried that. I’ve found selectors using “inspect the element” in Chrome that actually work, but there must be something different when I added to my CSS.

    When I change the background for .comment article, .pingback article, .trackback article to a different color while in Chrome, it works. Im thinking there may be other things I need to add at the beginning such as div or li. Any ideas?

    Thanks so much for responding.

    Difficult without a site to Inspect. The usual issue is ‘specificity’ which means how much you need to make a selector unique. So huge difference between a and .navbar .nav > li > a.

    Where are you adding the CSS? Ideally, endpoint should be a Child Theme style.css but you can test in the Customize>Advanced options>Custom CSS panel. Try getting one selector working to prove you’re not being stopped by caching for example.

    Thread Starter bguy0501

    (@bguy0501)

    I’m testing these changes in the Custom CSS panel in Advanced Options. I’m able to make all of the changes while in development tools in Chrome and they look just fine. I’ve also been able to make changes to elements within the shareaholic plugin on the same page that work using Custom CSS, so I was thinking it wasn’t a caching issue. Also, regarding the shareaholic plugin CSS changes, I used the exact series of selectors that were shown in development tools and the changes worked just fine. I’m thinking there is just something else in the theme that is blocking these changes.

    Thread Starter bguy0501

    (@bguy0501)

    It seems like it is mainly elements towards the bottom of the page I’m have issues with. I can change colors and whatnot in the header and widget just fine.

    Thread Starter bguy0501

    (@bguy0501)

    Do you think it makes a difference if before the selectors in development tools it shows’media=”all”?’

    No, that’s just picking up any @media code which is used to set your viewport/responsive CSS. Media All is Screen, Print, Reader

    Thread Starter bguy0501

    (@bguy0501)

    Thanks. It just seemed like all of the elements I was having difficulties with had that. I’ll keep trying.

    Thanks again.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing background color and font of comment boxes’ is closed to new replies.