Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #840788

    hey there,

    i want to match the rest of my links throughout the site. a dark blue. (currently, main blog and search pages links are a light gray? what?)

    here is my site theme: NOT ACTIVE is regular text. no underline.

    ON HOVER is the dark blue + underline.

    again, looking to accomplish this on MAIN BLOG and SEARCH pages.

    note: my “episodes” page is my main blog page.

    thanks!

    chris

    #840850

    Yo!

    It’s like I’m following you around the support forum!!

    Main blog

    All blog posts are wrapped in a class of .template-blog. This allows a style to assigned global across all blogs.
    You can use that and a combination of css to style every link in every blog with a few lines of css

    .template-blog a:hover {color:darkblue;text-decoration:underline;}

    You could use something similar to style all the text on blogs too

    TJ

    #841010

    hey there!

    okay, ALMOST THERE! :)

    1. the css wouldn’t work unless i put “!important” after the color code number for the links and the underline. does this cause an issue with anything i should know about?

    2. strange. when i hover NEAR the blog titles on the main blog page, the titles STILL turn gray. (i don’t want that – i want them to stay black until completely hovered over.) then … when you completely hover over, finally you get the dark blue and underline that i want.

    3. on the SEARCH page … the links are still the gray on hover. no blue. so sad. what can i do?

    The Watchman Episodes

    thanks so much!

    chris

    #841012

    fyi … i decided to remove the underline on the large text. it didn’t look great…

    #841025

    1) the !important shouldn’t cause an issue no. It can cause issues if wrongly used in the css hierarchy but as a way over forcing something to happen on a single class it should be fine

    2) the blog titles are a anchor tag nested in a h2 tag, so they sit like this

    <h2 class="post-title entry-title lightbox" itemprop="headline">
    <a href="http://watchman.wpengine.com/the-watchman-episode-63-can-christian-zionists-lead-fight-against-rising-anti-semitism-in-uk/?iframe=true" (hosted on WPengine) rel="bookmark" title="Permanent Link: The Watchman Episode 63:<br>Can Christian Zionists Lead Fight Against Rising Anti-Semitism in UK? Pt 2" class="mfp-iframe lightbox-added">
    </h2>

    The gray hover is coming from the h2 tag

    try…

    h2.post-title:hover {color:#222222;}

    That will change any h2 tag with a class of .post-title regardless of what page they are on (including the search page – handy)

    3)

    .template-search a:hover {
        color: red!important;
    }

    TJ

    • This reply was modified 7 years, 4 months ago by tjswarbs78.
    #841030

    as expected … you’re awesome!! everything worked like a charm! :)

    thanks so much,

    chris

    #841031

    moderators, you can close this. thanks!

    #842321

    Hi,

    Thanks @tjswarbs78. You’re awesome! :)

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘how can i change the LINK COLOR of MAIN BLOG PAGE & SEARCH PAGE?’ is closed to new replies.