Child Page Nav Bar problems

  • artisana

    (@artisana)


    11 years, 1 month 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • atlanteavila

    (@atlanteavila)

    11 years, 1 month 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;
}
    Thread Starter artisana

    (@artisana)

    11 years, 1 month 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!

    atlanteavila

    (@atlanteavila)

    11 years, 1 month 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.

    Thread Starter artisana

    (@artisana)

    11 years, 1 month 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?

    Thread Starter artisana

    (@artisana)

    11 years, 1 month ago

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Child Page Nav Bar problems’ is closed to new replies.