• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Modern Blogger – Change link colors

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Modern Blogger – Change link colors

This topic is: not resolved

Tagged: link color, modern blogger

  • This topic has 8 replies, 4 voices, and was last updated 7 years, 11 months ago by Susan.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 26, 2013 at 1:14 pm #69138
    cattie
    Member

    Hi all,
    I just bought Modern Blogger and love the look. But how can I change the in text link color to be the same as the h3 text? It is now when you hover over it, but I'd like it to be that color all the time so it stands out a bit more, right now it's black until you hover.

    http://andmykitchensink.com/licorice-honey-ice-tea/
    October 26, 2013 at 4:00 pm #69151
    emasai
    Participant

    Invert the link colours of
    .theme-goldblack a
    .theme-goldblack a:hover


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 27, 2013 at 8:06 am #69222
    cattie
    Member

    Thanks Lynne! It worked, but now the site title and all post titles are gold too, and I want them to stay black (with the gold on hover). It's online the in-text links I want to change.

    October 27, 2013 at 11:01 am #69273
    emasai
    Participant

    OK, then turn them back to what they were previously and try adding the following:
    .entry-content a{ color: #545454;}
    .entry-content a:hover{ color: #d9a53a;}


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 27, 2013 at 1:11 pm #69287
    cattie
    Member

    I tried that and it didn't work. It turned everything back to what it was before (black with gold on hover) everywhere (site title, headings, in-text links). Or should I have added

    .entry-content a{ color: #545454;}
    .entry-content a:hover{ color: #d9a53a;}

    to the gold-black portion of the CSS rather than have changed the original entries?

    October 27, 2013 at 1:57 pm #69289
    emasai
    Participant

    Yes, try that.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 27, 2013 at 2:09 pm #69291
    emasai
    Participant

    And you should probably add .theme-goldblack
    .theme-goldblack .entry-content a{ color: #d9a53a;}
    .theme-goldblack .entry-content a:hover{ color: #545454;}


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 30, 2015 at 3:57 pm #146200
    sandyspen
    Member

    Hello,
    I've had Modern Blogger for awhile and love it. But I'm an affiliate also and I need the links to be dark blue. The link color is so near the text color that they aren't actually visible.

    Where would I make that change?

    Thanks, Sandy

    April 3, 2015 at 10:07 am #146562
    Susan
    Moderator

    Sandy:

    The Modern Blogger Pro's default color scheme has orange hyperlinks, which hover to grey. To change that color, read this thread on the Pretty Darn Cute Design support forum:

    https://prettydarncute.com/forums/topic/hyperlinked-text-color/#post-15575

    The default’s hyperlink text is orange, which hovers to dark gray.

    You can change the color here:

    .entry-content a {
    color: #f15123;
    }

    .entry-content a:hover {
    color: #545454;
    }

    If you are using a different color scheme, or have made adjustments to the colors of the theme, please let me know which color you are using, or your site’s URL.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble