Change color of links except in header

  • Author
    Posts
  • #115914
    Gunnar Madsen
    Power User

    I like the way the header is working, white text for menu items against a muted dark background. However, this means that ALL links throughout my site are white, making them unreadable. I need a way to keep the link text color for the header, but change it everywhere else, and I haven’t been able to find it anywhere. Thanks for your help 🙂

    I’m working offline, via MAMP, so I don’t have a URL to share

    #115993
    Zed
    Cryout Creations mastermind

    Hi,

    The particular colors chosen generally needs to work in the particular combinations they are used in with Roseta. The theme has distinct control options for the menu and submenu items texts (in their normal state) and also for the entire header and submenu backgrounds.
    For menu items in hover state the configurable first accent color is used – the two accent colors are used throughout the site so they would need to be compatible with all other colors used, especially the backgrounds of the various sections.
    For further tweaks, custom CSS can be applied to specific elements and locations – however I would need to be able to browser your site to identify the needed CSS for the task.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #116076
    Gunnar Madsen
    Power User

    I’m not sure how to take my site online without messing up my current online site (made in another theme) – I’m not nearly ready to publish yet.

    However – all of my pages use a light colored background. For links to be visible, they need to be a darker color. Could you give me CSS that would apply only to the color of the text in the header (which needs to be white, since it’s a dark background)? Then I could change the accent color to affect the links on the rest of my site, while the header would have it’s own special color.

    #116328
    Zed
    Cryout Creations mastermind

    Could you provide a screenshot at least?

    All of the theme’s colors are configurable, making it difficult for me to guess the exact elements that would need manual adjusting for your specific colors combination.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #116339
    Gunnar Madsen
    Power User

    Hi Zed,

    I was able to achieve changing the header text color using the following css:

    .roseta-over-menu #site-title a,
    .roseta-over-menu #access > div > ul > li,
    .roseta-over-menu #access > div > ul > li > a,
    .roseta-over-menu #sheader.socials a::before {
    color: #ffffff;
    }

    It doesn’t appear to have broken anything on the site, but do let me know if this code can be improved upon 🙂 It would be great to have this option built into the theme, I don’t imagine I’m the only person coming up against this issue.

    Let’s see if I can post a screenshot here for you… https://www.gunnarspot.com/screenshot/

    Website: www.gunnarspot.com/screenshot

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Change color of links except in header’ is closed to new replies.