Community Forums › Forums › Archived Forums › Design Tips and Tricks › Changing the background color in Primary Nav Menu For Modern Portfolio theme
- This topic has 7 replies, 3 voices, and was last updated 10 years, 11 months ago by cdils.
-
AuthorPosts
-
March 27, 2013 at 6:21 pm #31627caligrlcocoMember
Hi! I'm trying to change the primary navigation menu's background color but am having trouble figuring it out. I'm using the Modern Portfolio theme. Can anyone help me out or point me in the right direction?
Many thanks!
March 28, 2013 at 8:53 am #31739cdilsParticipantHi,
Try adding this to your CSS:
#nav {
background-color: whatever;
}
If that doesn't do the trick, post a link to your site and I'll take a look.
Do you use Firebug? It's magical and can help you figure out what CSS is behind your page elements. Here's more info: http://www.studiopress.com/tips/using-firebug.htm
Cheers,
Carrie
Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂
I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.
March 28, 2013 at 11:07 am #31791caligrlcocoMemberHi Carrie!
Thanks so much for the info. It didn't seem to work for me. I can usually edit the css pretty successfully but for some reason, I'm having trouble here.
My link is http://elisaannlindstrom.com/
I'm trying to change the primary nav background color (the nav that has "landscapes, smaller work,...")
Thanks so much for your help!
Courtney
March 28, 2013 at 1:18 pm #31817cdilsParticipantHi Courtney,
This this if you want the background color to stretch all the way across the screen:
#subnav {
background-color: whatever;
}Or try this if you'd rather it be a confined width:
#subnav .wrap {
background-color: whatever;
}Cheers,
Carrie
Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂
I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.
April 7, 2013 at 8:26 am #33699ilyaMemberHi! I am new at genesis, but where exactly do I add this code? Also, is it possible to place an image as the background? I am trying to achieve a slight  gradient...
Thanks!
April 7, 2013 at 8:49 am #33707cdilsParticipantHi,
You'll want to add this to your stylesheet. You can definitely use a background image instead of a color:http://www.w3schools.com/cssref/pr_background-image.asp
Cheers,
Carrie
Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂
I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.
April 7, 2013 at 9:06 am #33711ilyaMemberThanks Carrie! You mean I can do this?
#subnav .wrap {
background-image:url('paper.gif');
}Thank you! Easy!
April 7, 2013 at 9:55 am #33717cdilsParticipantYou got it! You can add repeat-x to tile the pattern horizontally or repeat-y for vertical (or just 'repeat') for both, if you need. 🙂
Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂
I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.