h1 color issues

  • Resolved theresident

    (@theresident)


    14 years, 9 months ago

    This is a weird one: I’m using a theme called “Barthelme 4.6.1,” for this site: https://www.fightthefools.com.

    I’d like to use the same color green (00cc00) that’s in the Blog Title for the link “POST YOUR FOOL.”

    The link “POST YOUR FOOL” is using h1 tags around an ahref= link in a sidebar free-form text widget, the best solution I arrived at for the navigation I want within this theme.

    In the theme’s css, there is no simple “here’s the color for h1” line. Below is the theme’s css. Is there a line of code I could place in it that would make h1 code that green? Thanks for any help!

    [Mod Note: Chunk of code removed. If you want to post large blocks of code, please use a pastebin.]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Try .textwidget h1 a {color:#0c0;)

    Thread Starter theresident

    (@theresident)

    Thanks, esmi! That didn’t seem to work – I added that in verbatim on it’s own line in a few places in the css and it didn’t do the trick. Maybe I’m not putting it in the right place?

    Try adding it to the bottom of your stylesheet. And remember to press CTRL and F5 simultaneously when viewing the updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

    Thread Starter theresident

    (@theresident)

    Hi Esmi!

    When I place it in different places, it affects the CSS differently – sometimes adding in bullets to the sidebar items, sometimes changing the colors of different links (number of comments, randomly) that don’t seem to be related to the position in the CSS.

    I just tried it at the bottom of the CSS file as you recommended and cleared my cache, and in that position it doesn’t seem to do anything.

    I’ve left it there, and as you can see it didn’t change that link.

    Any other ideas would be super-appreciated!

    My bad – there was a syntax error in the code I gave you. Try:

    #primary .textwidget h1 a {color:#0c0;}

    (I’ve also tried to make it a little more specific).

    Thread Starter theresident

    (@theresident)

    Woooooooo! MAGIC! hahaha

    Thanks so much, worked like a charm!

    Out of curiosity (and to prevent me asking in the future here) when do you use #primary? Is it like the first instance of that kind of information or something?

    Thanks again!

    It’s the id of one of the div blocks on your pages.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘h1 color issues’ is closed to new replies.