Magazine Menu Border Between Items

adulthomehealth

How do I change the color of the line that is between each menu item in the magazine menu so that it is more pronounced and stands out more?  Also, how do I make the color of the menu section change so that it is a full square when on each page? Here is my website: https://allhearthomecare.com/  I am trying do do something like this picture attached. 

Pablo

Hello,

The color of the border between items can be made only with the Custom CSS code, but all of the other colors can be changed in Theme Options > Colors, you should look in the Menu and Header tabs.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adulthomehealth

What is the CSS code to put in to change the border lines between the menu items?

Bryan

This is the CSS for the border color

#Top_bar .menu > li > a span {
	border-color: rgba(0,0,0,.05) !important;
}

Make sure you disable cache and minification while updating custom css.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adulthomehealth

Thanks that worked,  What is the CSS to make the border line thicker?

Pablo

Add a second line after the border-color named border-width.

See an example here:

https://www.w3schools.com/cssref/pr_border-width.asp

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adulthomehealth

That ended up putting a border all around the menu item. I just wanted the line that is between each menu item thicker.

Pablo

Use this CSS code, this property is working good here:

#Top_bar .menu > li > a span{
  border-right-width: 5px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next