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 11 years, 4 months ago by
malycom.
-
AuthorPosts
-
October 27, 2014 at 4:55 am #129414
malycom
MemberHi
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 Developer
Memberyour site is not coming now
October 27, 2014 at 5:09 am #129416Genesis Developer
Membergo 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 #129417malycom
MemberOctober 27, 2014 at 5:16 am #129418Genesis Developer
MemberAlso 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 #129419malycom
MemberThank you so much
This is is fantastic.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.