WordPress.org

Ready to get started?Download WordPress

Forums

Child Page Nav Bar problems (6 posts)

  1. artisana
    Member
    Posted 1 year ago #

    Site: http://yogalutionmovement.com/
    Child theme created from Twenty Eleven

    Right now I only have one child page created, under About.

    When you hover over ABOUT and can see the drop-down menu, there is an odd shadow/box on the left of the child page title. I want to remove that.

    I also want to change the color of the background seen when you hover over the child page (About Dharma Shakti).

    I have used Firebug to find the code to copy into my child theme style.css, but when I search for that line of code on the parent style.css I cannot find it (line 615, ..background-attachment...etc).

    Not sure how to proceed.
    Any help is greatly appreciated.

    Ana

  2. atlanteavila
    Member
    Posted 1 year ago #

    look for this line:

    #access ul ul a

    Change the delete the background: transparent line and it should fix the problem:

    #access ul ul a {
    	background: transparent;
    	border-bottom: none;
    	color: #9bd8e9;
    	font-size: 17px;
    	font-weight: normal;
    	height: auto;
    	line-height: 1.4em;
    	padding: 10px 10px;
    	width: 168px;
    }
  3. artisana
    Member
    Posted 1 year ago #

    Thank you! That fixed some of it.

    Now the regular background is white, and the hover background is still grey.

    Any idea on how I can edit those?

    Thank you again!

  4. atlanteavila
    Member
    Posted 1 year ago #

    Try this:

    #access ul ul a {
        background: #121212;
    	border-bottom: none;
    	color: #9bd8e9;
    	font-size: 17px;
    	font-weight: normal;
    	height: auto;
    	line-height: 1.4 em;
    	padding: 10px 10px;
    	width: 168px;
    }
    #access ul ul a:hover{background: #f8e52d}

    Change the background colors to your color choices. I just did it that way to show you the contrast.

  5. artisana
    Member
    Posted 1 year ago #

    Thank you--The ul ul a background change worked, but the hover does not.

    I feel like this is headed in the right direction though:
    Is there anything else I can edit?

  6. artisana
    Member
    Posted 1 year ago #

    Does anyone have a clear solution to editing the child page hover properties via the child theme's style.css?

Topic Closed

This topic has been closed to new replies.

About this Topic