Jump to content
Sign in to follow this  
tuanma

How do I add a rectangular background color for the main navigation.

Recommended Posts

tuanma

I would like to add a rectangular background color for the main navigation and behind the search box. This should span across the fixed site. I am using platformpro. An example of a menu can be found at www.switched.com Thanks, Tuan

Share this post


Link to post
Share on other sites
catrina

Hello, Go to Appearance > Editor and in the base.css file for the Platform Base/child theme, add this:

#primary-nav .content-pad{
		padding-right: 6px;
		background-color: #000;}


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
ianharm

Hi Catrina, Nice touch! How would you go about changing the text attributes in this case?

Share this post


Link to post
Share on other sites
catrina

Add this instead:

	#primary-nav .content-pad{
	padding-right: 6px;
	background-color: #000;
	font-family: font name here;
	font-size: #px;
	font-weight: normal/bold;
	font-style: italic/none;}
	

(Customize the text styling however you wish)


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
catrina

One more note: if you the spacing around the colored background is not to your liking, you can also increase or decrease the padding.


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
ianharm

Thanks for that Catrina it worked a treat. I'm still a bit stuck on how to change the font colour. regards

Share this post


Link to post
Share on other sites
cmunns

`#primary-nav li a {color:#555;}` You'd have to change the hex color accordingly

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  

×