Community Forums › Forums › Archived Forums › General Discussion › Hiperlinks and navigation item color dilemma.
- This topic has 8 replies, 2 voices, and was last updated 9 years, 3 months ago by Fonte.
-
AuthorPosts
-
December 2, 2014 at 5:22 pm #133457FonteMember
Nice members of this great forum, I'm facing a dilemma with Agency Pro hyperlinks color.
I need to change the hyperlinks color from #ffffff to #0390c4 but here is the problem I have for my inexperience:
I need to keep the primary navigation item color in white but the hyperlink in #0390c4 .To me seems that the hyperlinks color and the primary navigation item color are controlled by the same piece of code, so it is very difficult to me to get both things with different colors.
Please, can someone of you tell me how can I accomplish what I'm after?
Thanks in advance for any advise.
December 2, 2014 at 7:30 pm #133468coralseaitMemberHello Fonte,
Can you give us a link to the site so we can see the selectors / elements?
It may be you need to target with specific menu-item-xx (where -xx is the item number) in your css, but I can't say for certain without seeing.
Cheers!
December 2, 2014 at 11:14 pm #133474FonteMemberHello mate, thanks 🙂
This is the site: http://lanzatublog.com/
December 3, 2014 at 10:12 pm #133540coralseaitMemberHello Fonte,
Try targeting .agency-pro-blue .genesis-nav-menu .sub-menu a
here you could set your background and color values. I think what you are asking for is:
.agency-pro-blue .genesis-nav-menu .sub-menu a { background-color: #fff; color: #0390c4; }
That should work
Note, you may need !important for some browsers so:
.agency-pro-blue .genesis-nav-menu .sub-menu a { background-color: #fff !important; color: #0390c4 !important; }
Cheers!
December 3, 2014 at 11:38 pm #133548FonteMemberThank buddy for your help, I really appreciate it, and sorry if I wasn't enough clear about what I'm after.
I need to have all the site hyperlinks to be blue instead of white because the background is white, this is including the footer menu.
The only exception is the primary menu because it has a blue background.Thanks a lot again, hope you still can help me on this 🙂
December 4, 2014 at 5:53 pm #133639coralseaitMemberOh ok, thanks for clarifying!
in that case you'll want to target:
.agency-pro-blue a { color: #fff; }
for all site hyperlinks and then override the primary menu / submenus / footer with more specific selectors. You may need to adjust your hover for that block too. You may need to include your h tags as well, not sure and I don't have time now to check your site fully.
For footers, it'll probably need:
.agency-pro-blue .site-footer .genesis-nav-menu a { color: #0390c4 !important; }
and
.agency-pro-blue .site-footer .genesis-nav-menu .sub-menu a { color: #0390c4 !important; }
Note, you may need to adjust your hover color too. I haven't tested this, but it should work.
Basically you want to get more specific with your overrides than your site wide directives.
December 5, 2014 at 8:47 pm #133769FonteMemberHey coral it works perfect 🙂
Thank you very much buddy, I appreciate it a lot your good will to help me on this.
BTW, if you wish can you please tell me how do I change the footer menu item font size without changing the primary navigation menu font size?
Thanks again 🙂
December 5, 2014 at 9:51 pm #133778coralseaitMemberNo Problem Fonte, always happy to help.
To adjust your font size you'll want to do the same thing re: more specific targeting.
So
.agency-pro-blue .site-footer .genesis-nav-menu a { color: #0390c4 !important; font-size: 30px; }
and
.agency-pro-blue .site-footer .genesis-nav-menu .sub-menu a { color: #0390c4 !important; font-size: 30px; }
Obviously using whatever sizes you like.
December 12, 2014 at 8:27 am #134369FonteMemberThank you very much buddy, it works just perfect 🙂
-
AuthorPosts
- The topic ‘Hiperlinks and navigation item color dilemma.’ is closed to new replies.