hello i have this site and in the footer section there is the recent posts widget with the grey colored text. I wish to change it to white, i tried adding some custom css code in the theme child with no success.
1 Answer
This CSS will make your grey text in some else you want:
.widget_posts_wrap .latest-posts .col-md-12 a span {color:#your-hex-code !Important;}
This is for subtitles in this widget where you have latest post.
And this is for titles:
.widget_posts_wrap .latest-posts .col-md-12 h3 a {color: #your-hex-code !important;}
Also just note to change #your-hex-code part with actual hex code.
I hope this helps.
-
I have added this in the child-theme.css and in the theme settings with no change
#widget_posts_wrap .latest-posts .col-md-12 a span {color: #FFFFFF !important;} #widget_posts_wrap .latest-posts .col-md-12 h3 a {color: #FFFFFF !important;}.widget_posts_wrap .latest-posts .col-md-12 a span {color: #FFFFFF !important;} .widget_posts_wrap .latest-posts .col-md-12 h3 a {color: #FFFFFF !important;}– DLMikeCommented May 14, 2016 at 11:26 -
do you use cache plugin? if you are using please clear cache as you might see older version of your site.– UsceCommented May 14, 2016 at 12:20
-
nope already did that in the first 2 minutes over and over again after i added your code– DLMikeCommented May 14, 2016 at 13:13
-
Maybe you don't have right configuration in your theme set that it load CSS from right source, or you don't have activated child theme or something, please check that stuff, because this CSS is right– UsceCommented May 14, 2016 at 15:05
-
figured it out it seems the problem was with "#" or "." at the beginning of the css code removed that and worked fine. Thank you alot for your patience and help– DLMikeCommented May 14, 2016 at 16:27
.widget_posts_wrap a {color: #000 !important;} #widget_posts_wrap .latest-posts .col-md-12 h3 a{ color:#ffffff;} #widget_posts_wrap a {color:white;}#javo-navibar ul.navbar-left>li>.dropdown-menu>li>a{color:black !important;}