Jump to content
Sign in to follow this  
six70

primary-nav text / border

Recommended Posts

six70

Sorry if this was a repost, I changed status of my previous thread to resolved to post this in the proper section. --- My test site is http://djturmoil.net/en/ I would like to change the color of the text in my primary-nav and the background when I hover above the links. I would also like to insert a 3px black border on the top of the nav and the bottom. I would only like the border to extend horizontally the length of my default page width 960px. Could someone please help me, thanks!

Share this post


Link to post
Share on other sites
six70

I would also like to adjust the .branding_wrap and lessen the vertical px so that it will fit snug onto the navigation :D

Share this post


Link to post
Share on other sites
catrina

To change the color and background color of the navigation text links on hover, the 3px border, and branding_wrap vertical height, add this code to the base.css file for Platform Base:

#primary-nav li.page_item a:hover {color: #COLOR; background-color: #COLOR;}
	#menu-nav, div.main-nav {border-top: 3px solid #000; border-bottom: 3px solid #000;}
	div.branding_wrap {height: #px;}

Replace COLOR with the colors you would like for the text color and background color. Replace # in the branding_wrap property with the height you'd like.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×