Menu options similar to Charity sample website

davidkanegsberg · September 2017

Hi. I want to know how to do a couple of menu options that are shown in the Charity 2 website.

http://themes.muffingroup.com/be/charity2/

My website url is http://test.bfksolutions.com/

1. How do I get a button in the area that says "Donate Now"? I have Magazine style header selected for my website, but can't figure out how to add a link to that area. Is it possible to have multiple buttons up there? Also, how do I make it an actual button like the orange box around "Donate Now"?

2. How do you change the color of individual buttons in the menu, like the "Buy now" link which is orange?

Bryan · September 2017

HI,
1. THis is the magazine header and the button with text is just a image, you can set a image in the header by selecting the magazine header style and uploading the image in theme options>header&subheader>extras
2. Only with custom css, please send a link to your website.
thanks

davidkanegsberg · October 2017

Hi. The website is http://test.bfksolutions.com/

Bryan · October 2017

Okay do you want the css for the last item if the menu to change color?

davidkanegsberg · October 2017

yes. that would be great. thanks.

Bryan · October 2017

Here you go

#menu ul li:last-child a {
	color:red !important;
}

davidkanegsberg · October 2017

Hi. That code worked to change the color, but it changed it in the last menu item for the drop down menus as well. Is there a way to have it just change the color in only the top level last menu item? thank you.

davidkanegsberg · October 2017

I found a way to code it to work, but don't know if this is the best method.

#Top_bar .menu ul li:last-child a {

color: #5f5f5f !important;

}

#Top_bar .menu ul li:last-child a:hover{

color: #2e2e2e !important;

}

#menu ul li:last-child a {

color: #7fad65 !important;

}

Bryan · October 2017

Yes, this is ok. I forgot about targeting the submenu items

Menu options similar to Charity sample website

Comments