Hey Tandon,
Try adding the following CSS to your custom stylesheet:
#flexslider-featured .flex-direction-nav .flex-next:hover, #flexslider-featured .flex-direction-nav .flex-prev:hover, .post-hover:hover .post-title a, .post-title a:hover, .s1 .post-nav li a:hover i, .content .post-nav li a:hover i, .post-related a:hover, #footer .widget_calendar a, .s1 .alx-tab .tab-item-category a, .s1 .alx-posts .post-item-category a, .s1 .alx-tab li:hover .tab-item-title a, .s1 .alx-tab li:hover .tab-item-comment a, .s1 .alx-posts li:hover .post-item-title a, #footer .alx-tab .tab-item-category a, #footer .alx-posts .post-item-category a, #footer .alx-tab li:hover .tab-item-title a, #footer .alx-tab li:hover .tab-item-comment a, #footer .alx-posts li:hover .post-item-title a, .comment-tabs li.active a, .child-menu a:hover, .wp-pagenavi a {
color: #ffffff;
}
Change the ffffff colour to whatever you prefer 🙂
If you don’t have a custom stylesheet then use this plugin here: https://wordpress.org/plugins/simple-custom-css/
Let us know if that does the trick for ya.
Cheers,
Tyler
Thanks For Reply But Nothing Changes After Adding Codes To Custom CSS….
You accidentally had all of that custom CSS commented out:
/*#flexslider-featured .flex-direction-nav .flex-next:hover, #flexslider-featured .flex-direction-nav .flex-prev:hover, .post-hover:hover .post-title a, .post-title a:hover, .s1 .post-nav li a:hover i, .content .post-nav li a:hover i, .post-related a:hover, #footer .widget_calendar a, .s1 .alx-tab .tab-item-category a, .s1 .alx-posts .post-item-category a, .s1 .alx-tab li:hover .tab-item-title a, .s1 .alx-tab li:hover .tab-item-comment a, .s1 .alx-posts li:hover .post-item-title a, #footer .alx-tab .tab-item-category a, #footer .alx-posts .post-item-category a, #footer .alx-tab li:hover .tab-item-title a, #footer .alx-tab li:hover .tab-item-comment a, #footer .alx-posts li:hover .post-item-title a, .comment-tabs li.active a, .child-menu a:hover, .wp-pagenavi a {
color: #ffffff;
}
That /* symbol at the beginning of the line indicates a comment, which is ignored by the browser. If you remove that, your custom CSS will work.
I also Tried Without /* But it is not working….
It works for me (12:17 am, Mountain time). Are you using a caching plugin or is your host caching your site? Have you tried force-refreshing your browser (see your browser’s documentation for details)?
Hi,
I am using WP Super Cache plugin but I tried it after clearing all the catch and browser history, cookies etc… and tried with updated heuman theme but in vain.
Can you clarify exactly what it is you’re trying to change? Perhaps I misinterpreted what you were trying to do earlier. On your site, I see that your post titles (“Drew Barrymore Cute Smiling Wallpaper”, for example) are dark gray, and when I hover over the title, the text turns white. Is that what you wanted? In your sidebar, I see that the titles are dark gray and the background is a lighter gray, with no change in color when you hover over them. Is that what you wanted?
Hi
#1 You get it clear for first issue (“Drew Barrymore Cute Smiling Wallpaper”, for example) are dark gray, and when I hover over the title, the text turns white. That what I wanted to hover Black not White.
#2 I have no issue with sidebar title color or hover but I want to change background color from grey to white for both sidebar.
#3 As same first issue page navigation have also same color hover problem. Want to change it white to black cause its not showing in white color.
Sorry for bad hard English….
Thanks.
Someone do me a favor please…..
I forgot to subscribe to this thread, so I missed your last post. Sorry.
Try this custom CSS:
.post-title a:hover {
color: #000;
}
.col-3cm .main-inner {
background: white;
}
.wp-pagenavi a {
color: #000;
}
.wp-pagenavi a:hover {
color: #000;
}
Hi Thanks For Reply…
I put the code skiping white background code. It done pagenavi ok but paga title is same white.
.post-title a:hover {
color: #000;
}
.wp-pagenavi a {
color: #000;
}
.wp-pagenavi a:hover {
color: #000;
}
You’ve got a lot of extra CSS in your header that appears to be overriding your custom CSS. There’s note above the extra code:
/* Dynamic CSS: For no styles in head, copy and put the css below in your custom.css or child theme's style.css, disable dynamic styles */
It looks like this is something added by your theme. Do you have an option entitled “Dynamic Styles” or something like that in your theme’s options?
I updated the theme … but the problem is from follow side bar section. when i change the color of follow sidebar to white automatically post title color change with it.
Did you use the code I provided? That code shouldn’t have affected the text color of the sidebar.
.col-3cm .main-inner {
background: white;
}
No cause I think that grey sidebar color is looking good. Now I am not using any custom code due to theme update.
