Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 22, 2020 at 11:20 am #233645
    greenwhite560
    Participant

    Hello, I would like to change my entire menu/ top section at the top to white. If you visit my website at http://stephaniewalk.com/ you will know what I mean. Also, I would like the hover color for the menu to be active on all pages, not just the home page. Right now, the hover color for the top menu is the pinkish/rose, but only on the home page. I need it to work on every page.

    Thank you,
    Stephanie

    January 22, 2020 at 11:38 am #233647
    greenwhite560
    Participant

    I changed the color to pink, so now it will be harder to tell what I mean. I am referring to the area that includes the top menu, the whole area above the black line

    January 22, 2020 at 11:40 pm #233708
    Skandha
    Participant

    @greenwhite560: Hello Stephanie,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #masthead {
	background-color: #fff;
}
.navigation-classic .main-navigation a:hover {
	background-color: #eddcd3 !important;
}

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    April 22, 2020 at 3:57 pm #243742
    greenwhite560
    Participant

    Thank you! That helped. What if I wanted to have something like this? I know I use menu-inside-wrapper, but I want the color to expand the whole page/container, not just part of it. Also, any ideas on how to create the shadowed box around the search function?
    Image to reference: http://stephaniewalk.com/wp-content/uploads/2020/04/thumbnail_Screen-Shot-2020-04-20-at-10.57.03-AM-1.png

    April 23, 2020 at 2:43 am #243785
    Skandha
    Participant

    @greenwhite560: Hello Stephanie,
    Go to => Appearance => Customize => Additional CSS and replace the code

    #masthead{
	background-color: #D3d3d3;
}

    with

    #masthead {
     background-color: #eddcd3;
}

    And for the search wrapper shadow box

    @media screen and (min-width: 400px) {
	.menu-toggle-wrapper #social-search-toggle {
		width: 150px;
		text-align: right;
		padding-right: 5px;
		background-color: rgba(0,0,0,0.1);
	}
}

    Let me know if this is what you want!
    Kind Regards,
    Skandha
    I don’t think you can

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change ENTIRE top menu color to white’ is closed to new replies.