Navigation bar color in Reddle Theme

trishfit18 · Member · Aug 26, 2014 at 2:42 pm
Copy link

Add topic to favorites
How can I change the color of the navigation bar without changing the hover color? Right now the two are linked. I’d like the Navigation bar to be white or transparent.
Also, how can I center the links in the navigation bar?

Thank you

The blog I need help with is: (visible only to logged in users)
lizthefair · Member · Aug 26, 2014 at 4:57 pm
Copy link
I don’t actually see a menu bar on your site. Have you hidden it?
trishfit18 · Member · Aug 26, 2014 at 5:11 pm
Copy link
I did hide it because I couldn’t get the colors right. Should I pull it up for you to see?
lizthefair · Member · Aug 26, 2014 at 5:13 pm
Copy link
That would be helpful. If I can see it, I think I should be able to fix it for you pretty quickly.
trishfit18 · Member · Aug 26, 2014 at 6:55 pm
Copy link
Ok great. It’s up now. Thank you so much
lizthefair · Member · Aug 26, 2014 at 7:30 pm
Copy link
I think this does the first part of what you are hoping for:
```
#access{
    background-color: white !important;
}
#access li.current_page_item a, #access li.current-menu-item a, #access a {
color:black !important;
}
```
I’m working on centering the menu in a way that still works on small screens now and will get back to you as soon as I can.
lizthefair · Member · Aug 26, 2014 at 7:37 pm
Copy link
If you add this to the #access code you should be set:
```
#access{
    max-width: 500px;
    float: none !important;
}
```
Let me know if this works for you or if you were looking for something a little different.
trishfit18 · Member · Aug 26, 2014 at 7:42 pm
Copy link
Thank you! I’m very new to all of this. Can I just put this in the CSS box on the customization screen or do I need to do something else.
lizthefair · Member · Aug 26, 2014 at 8:05 pm
Copy link
Oh, sorry. It looked like you had already done some customization and so I jumped to conclusions. Yes, you just copy and paste the code into the CSS box. I’ve put it all together below so you’ll only have to do it once.
```
#access{
    background-color: white !important;
    max-width: 500px;
    float: none !important;
}
#access li.current_page_item a, #access li.current-menu-item a, #access a {
color:black !important;
}
```
trishfit18 · Member · Aug 26, 2014 at 8:48 pm
Copy link
Thank you! That worked perfectly. The rest of the customization I had done was really built into the theme and then I tried a few others (unsuccessfully).
I have 2 more questions now- first, can I make the font larger in the widget area without interfering with the body text of the posts? If so, that would be great.
Also, the Facebook and Twitter widgets both scroll. Is it possible to do this for the Instagram widget?

Thank again!
trishfit18 · Member · Aug 26, 2014 at 8:55 pm
Copy link
Actually, I just noticed something strange… Although I can “highlight” each of the items in the nav bar, I can only click on the first one.
lizthefair · Member · Aug 26, 2014 at 9:02 pm
Copy link
Glad to hear it!

Heres how to make the font bigger in the widget area:

#secondary {font-size: 1.5rem !important}

I’m not sure what size you want the font to be, but you can adjust the number until you are happy (higher number=bigger font)

I’m afraid you are out of luck on the Instagram widget–it just works differently than the FaceBook and Twitter widgets. I’m afraid that’s something CSS can’t help you with :(.
lizthefair · Member · Aug 26, 2014 at 9:13 pm
Copy link
Regarding the menu links–I see what you mean, but I don’t think the problem is connected to the CSS.

Do you remember if you created your menu items using categories or links? The fix will be different depending on which path you took.

Here’s the category process:
http://en.support.wordpress.com/category-pages/

Here’s the link process: http://en.support.wordpress.com/menus/#adding-custom-links

If so, could you go the menu page of your dashboard and see if something happened to the menu items?
trishfit18 · Member · Aug 27, 2014 at 2:14 am
Copy link
Thank you so much, you’ve been incredibly helpful!
lizthefair · Member · Aug 27, 2014 at 2:24 am
Copy link
It’s been my pleasure. Let us know if you need anything else!

No items found.