• 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

Font colors agency

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 › Font colors agency

This topic is: resolved

Tagged: Agency, color, css, font, link

  • This topic has 4 replies, 2 voices, and was last updated 10 years ago by HDTV.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 4, 2013 at 1:36 pm #9552
    HDTV
    Member

    The site http://hairdesignertv.in

     

    Graphic designer gave me a mock with header nav links starting in white. Of course  changing links  to white won't work when body background is white.

    Anyone know how to make nav links color different from the rest of the site link color in css?

    January 4, 2013 at 1:37 pm #9553
    HDTV
    Member

    forgot to click send notice when relpies

    January 5, 2013 at 2:01 am #9696
    mwright
    Member

    Change the  color here where the red is to what color you need.

    <div class="cssHead focusRow " role="listitem">.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {</div>
    <div class=" " role="group">
    <div class="cssPropertyListBox " role="listbox">
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>-webkit-box-shadow:#333333 0 1px 0;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>background-color:#474243;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-bottom-left-radius:5px;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-bottom-right-radius:5px;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-top-left-radius:5px;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-top-right-radius:5px;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>box-shadow:#333333 0 1px 0;</div>
    <div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable "> <span style="color: #ff0000;"> </span></a><span style="color: #ff0000;">color:#FFFFFF;</span></div>
    </div>
    </div>
    <div class="editable insertBefore " role="presentation">}</div>
    <div class="editable insertBefore " role="presentation">
    January 5, 2013 at 2:05 am #9697
    mwright
    Member

    Try that again? Change color: FFFFFF;

    .menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {
      -webkit-box-shadow:#333333 0 1px 0;
      background-color:#474243;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      box-shadow:#333333 0 1px 0;
      color:#FFFFFF
    }
    
    January 5, 2013 at 2:32 pm #9780
    HDTV
    Member

    Yeah, Thanks. I knew that but it was working. I made a dumb mistake , no # in front of the hex code. This is resolve  Thank you

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Font colors agency’ is closed to new 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