Community Forums › Forums › Archived Forums › Design Tips and Tricks › Changing colour of links in sidebar widgets in Modern Portfolio Pro
- This topic has 5 replies, 2 voices, and was last updated 9 years, 6 months ago by malycom.
-
AuthorPosts
-
October 27, 2014 at 4:55 am #129414malycomMember
Hi
I’m hoping someone can help me out.
Can someone help me to have the links in the widgets in the sidebar so that they are red and when hovered over they are blue? Currently, there is a few links under Articles in the sidebar which for whatever reason are white and go red when hovered over. Not sure why they would be different to the Latest Posts links just above them.
I have looked all through the style.css file but I don’t see it.
I need to keep the nav bar as it is though so any changes mustn’t affect that.
I am using the Modern Portfolio Pro theme and the red setting.
Thanks in advance.
Malcolm Davidson
October 27, 2014 at 5:05 am #129415Genesis DeveloperMemberyour site is not coming now
October 27, 2014 at 5:09 am #129416Genesis DeveloperMembergo to line no 1857 of your style.css file and divide the current CSS
.modern-portfolio-pro-red .entry-meta a, .modern-portfolio-pro-red .entry-title a, .modern-portfolio-pro-red .sidebar .widget-title a, .modern-portfolio-pro-red .site-footer a, .modern-portfolio-pro-red .site-title a, .modern-portfolio-pro-red .site-title a:hover, .modern-portfolio-pro-red a:hover, .modern-portfolio-pro-red a.social-buttons:hover, .modern-portfolio-pro-red .genesis-nav-menu a{ color: #FFF; }
by
.modern-portfolio-pro-red .entry-meta a, .modern-portfolio-pro-red .entry-title a, .modern-portfolio-pro-red .sidebar .widget-title a, .modern-portfolio-pro-red .site-footer a, .modern-portfolio-pro-red .site-title a, .modern-portfolio-pro-red .site-title a:hover, .modern-portfolio-pro-red a:hover, .modern-portfolio-pro-red a.social-buttons:hover { color: #222; } .modern-portfolio-pro-red .genesis-nav-menu a{ color: #FFF; }
October 27, 2014 at 5:11 am #129417malycomMemberOctober 27, 2014 at 5:16 am #129418Genesis DeveloperMemberAlso you can divide the CSS may ways
Post/Page Title & Meta link color
.modern-portfolio-pro-red .entry-meta a, .modern-portfolio-pro-red .entry-title a, { color: #222; }
Sidebar Link Color
.modern-portfolio-pro-red .sidebar .widget-title a{ color: #353535; }
For Footer link
.modern-portfolio-pro-red .site-footer a{ color: #222; }
Site Title Color
.modern-portfolio-pro-red .site-title a, .modern-portfolio-pro-red .site-title a:hover{ color: #900; }
Default Link Color
.modern-portfolio-pro-red a:hover, .modern-portfolio-pro-red a.social-buttons:hover { color: #222; }
Menu Color
.modern-portfolio-pro-red .genesis-nav-menu a{ color: #FFF; }
October 27, 2014 at 5:18 am #129419malycomMemberThank you so much
This is is fantastic.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.