• 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

Overwrite CSS in Header Right Widget – Education Theme

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 › General Discussion › Overwrite CSS in Header Right Widget – Education Theme

This topic is: not resolved

Tagged: education, header, right, widget

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 19, 2014 at 3:31 am #110524
    Pelowtz
    Member

    The text within my header right widget menu on the education theme is blending with the background color. I changed the background color of the menu in the CSS file, and now the text looks awful.

    For the life of me I cannot find the CSS element that commands the text color in the header right menu widget area.

    I presume I need to define a custom CSS style to the text within the header right widget to overwrite the generic rule, but all my attempts have failed.
    This article seems to be describing exactly what I need to do but I cannot duplicate the success:
    http://wpfab.com/how-to-customize-a-specific-wordpress-widget/

    In the education theme, the CSS element I need to edit lives here (unless I am mistaken):

    #wrap
    #header
    #nav_menu-2
    ul#menu-header-navigation

    I just want to change the text to white. See the problem here:

    http://www.exceleratorconsulting.com/staging/

    This is the CSS I am trying to use to overwrite the text within the header right widget area:

    #wrap #header #nav_menu-2 {
    color: #fff

    }

    What am I doing wrong?

    Any help would be greatly appreciated.

    http://www.exceleratorconsulting.com/staging/
    June 19, 2014 at 3:48 am #110527
    Brad Dalton
    Participant

    I removed all the text-shadow from the different rules for the menu and then modified this CSS

    #header .menu li a {
    border-bottom: 3px solid #fff;
    color: #fff;
    display: block;
    padding: 16px 21px 10px;
    position: relative;
    text-decoration: none;
    }

    And here's the result:

    Excelerator Consulting


    Tutorials for StudioPress Themes.

    June 19, 2014 at 7:38 pm #110702
    Pelowtz
    Member

    Yes!! First of all, THANK YOU! It worked perfectly.

    Secondly - what advice can you give someone like me that is a self taught wordpress "developer"? I teach myself everything as I go with wonderful help from people like you. What are the top three resources and/or training practices you might recommend? what worked for you?

    Lastly - how can I give back to the wordpress helpers out there like you that altruistically decide to solve all our problems for free? 😉 I know too little about development to be active in the forums like you (right now).

    Just trying to give back to the universe.

    Thanks again.

    Jesse.

    June 19, 2014 at 11:05 pm #110730
    Brad Dalton
    Participant

    1. I stick to what i'm good at and what i have a deep understanding of. I don't answer questions unless i know the answer or are prepared to work out the answer.

    2. I write code day and night 7 days a week for people as a volunteer on several forums and clients so i am familiar with how code works.

    3. Child theme customization is far easier then parent theme or WordPress customization so you need to take small steps and move forward when you are ready to move forward.

    WordPress Developers ( Stackexchange )
    WordPress.org Codex, Handbook http://make.wordpress.org/core/handbook/

    Give the people that helped you a link from your site as they will find out and not forget you when you need help. You won't lose anything from doing this.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ 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