Change Sub Navigation Widget Font and Color

(19 posts) (2 voices)

1. 

   dubpluris
   Member

   Is there a way to change the font/color of the Sub Navigation widget? Image attached. Thanks.

   

   Attachments

   1. 11_14_2011_1_55_10_PM.jpeg (22.6 KB, 2 downloads) 6 months old

   Posted 6 months ago #
2. 

   Elliott
   Support

   Hello dubpluris,

   Navigate to Dashboard -> your theme -> General Settings -> Custom CSS and add this line,

   .widget li a { color: blue !important; }
   .widget li a:hover { color: red !important; }

   The second line is for the hover color.

   Posted 6 months ago #
3. 

   dubpluris
   Member

   What about the font? Is where it says "Understanding Prostate Cancer" in the image one of the header tags that can be changed in the font pane of the settings?

   Posted 6 months ago #
4. 

   dubpluris
   Member

   In addition to the question above, another interesting issue arose. I used the code you gave me and that worked. However, now when I hover over an item in the navigation menu, the corresponding pages in the pages sidebar on the homepage change to a bolder font and stay that way. I have included images so you can see what I am talking about. The first image is what it looks like when I hover over the navigation, and the second is what the sidebar looks like after.

   Also, this is the code in my custom CSS box:

   #primary_menu { position: absolute; top: 50px; right: -300px !important; }

   #header { height:95px !important; }

   .logo { position: absolute; top: 14px; left: 10px; }

   .widget li a { color: #444447 !important; }
   .widget li a:hover { color: #0c147d !important; }

   

   Attachments

   1. ScreenHunter_03_Nov._14_16.30.jpg (16.8 KB, 0 downloads) 6 months old
   2. ScreenHunter_02_Nov._14_16.29.jpg (6 KB, 0 downloads) 6 months old

   Posted 6 months ago #
5. 

   Elliott
   Support

   It looks like it's being replaced with Cufon. It's doing that when you hover over the link? It's probably a setting in your skin that is causing that.

   If possible send us a link to your page so we can take a closer look.

   Posted 6 months ago #
6. 

   dubpluris
   Member

   ctcpc.org

   Thanks for taking a look.

   Posted 6 months ago #
7. 

   Elliott
   Support

   This is what I'm seeing. What browser and browser version are you using?

   

   Attachments

   1. 1.jpg (12.5 KB, 0 downloads) 6 months old

   Posted 6 months ago #
8. 

   dubpluris
   Member

   Its after you hover over the item in the upper navigation that is makes the sidebar navigation bold.

   Posted 6 months ago #
9. 

   Elliott
   Support

   I'm not seeing it on my end. What browser and version are you using? Also what page is it? Send us a link to the page where it's happening.

   Posted 6 months ago #
10. 

    dubpluris
    Member

    I tested it in Chrome, Firefox and IE. Below is a link to a screencast of the issue. You will see that as I hover over the header navigation menu, the sidebar navigation menu changes fonts. This only seems to happen on the homepage:

    http://screencast-o-matic.com/watch/cXXorou35

    Thanks for all of your help.

    Posted 6 months ago #
11. 

    Elliott
    Support

    Alrighty I see now, that's pretty weird. Does it do the same when you switch to one of the default skins?

    Posted 6 months ago #
12. 

    dubpluris
    Member

    Nope, I checked and it does not?

    Posted 6 months ago #
13. 

    Elliott
    Support

    It must be something with your cufon font selections then. You said it only happens on the homepage?

    Posted 6 months ago #
14. 

    dubpluris
    Member

    It actually happens on all of the pages that I have the sidebar widget with pages on.

    Posted 6 months ago #
15. 

    dubpluris
    Member

    Read the above but I realize now that it only happens with the cufon fonts. Whatever cufon font the top menu is, when I hover over it it changes the sidebar menu to that same font. Not sure if any of it matter, but this is what is in my CSS box:

    #primary_menu { position: absolute; top: 50px; right: -300px !important; }
    #header { height:95px !important; }
    .logo { position: absolute; top: 14px; left: 10px; }
    .nivo-caption p { font-size: 15px !important; }

    Thanks.

    Posted 6 months ago #
16. 

    dubpluris
    Member

    Another thought outside of the two posts above. At one point I did go in and play around with the style.css in the editor. Could I have messed something up there? If so, is there an orginal file I can just copy and paste into it?

    Posted 6 months ago #
17. 

    Elliott
    Support

    I'm thinking it's probably something with your skin. Go ahead and send us a private message by clicking on the "PM this user" link beneath our usernames and we'll take a closer look. Be sure to include a link to your site and a Wordpress login.

    Posted 6 months ago #
18. 

    dubpluris
    Member

    I really appreciate it but last night I deleted and reinstalled the theme and it fixed the issue. If I wanted to, how would I delete all of the settings so when I re-installed the theme it would start fresh? All of my logos, etc were still there.

    Posted 6 months ago #
19. 

    Elliott
    Support

    You can click on the "Reset All Options" button in the admin panel. It's located to the bottom left of your page.

    Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.