I want to make the following text black on white, not white on accent colour as is currently the default:
1. Social Counter ‘Like’ and ‘Follow’ buttons etc.
(I found this code but can’t seem to get it to work: .td_social_type, .td_social_button a )
2.’Similar Articles’ Title
(I got the border to change to white by using this but no joy on the text: .block-title { border-color: white; }
Thanks
I forgot to include:
3. ‘Continue’ you sometimes see in Modules linking to more content.
Hi,
1. Can you please send a screenshot with the social buttons you want to change. Are you referring at this buttons http://screencast.com/t/mB2j0AX6 or this: http://screencast.com/t/ktLR6AAzB
2. For “Similar article” you can use this CSS:
.similar-articles .block-title span {
background-color: #fff;
color: black;
}
.similar-articles .block-title {
border-color: white;
}3. For the continue button use this:
.td_read_more {
background: #fff !important;
}
.td_read_more a {
color: black !important;
}Hope this helps!
Thanks
Thanks for that – what I mean for social counter buttons is on the Social Counter widget where there are “Like / Follow / Subscribe ” buttons to click for different social media, example: http://www.screencast.com/t/CvFGvE2OW
Hi,
Yes, you can use this css:
.td_social_type .td_social_button a {
background-color: #fff;
color: #000;
}Thanks
I understand this uses the theme’s custom accent colour is the background (in the same way that the category tags do?) so the text is in white. I would like the text to be black with white (or possibly a light grey if better) as the accent colour throughout the site. So this would effect the category tags too.
Thanks that was quick – the background is still grey though – should I just use the theme accent colour to change the background to white?
Hi,
You can change the theme’s accent color if you like, it will change that blue used on blocks/widgets/slides/pagination… it will change the social counters buttons color as well.
I have pointed some in this screenshot: http://screencast.com/t/rfsasBf9GHJs
Changing the theme’s accent color won’t affect the category tags.
Have a look in Theme Panel you also have there the custom typography where you can change the font color as you like http://screencast.com/t/TP6sojnzWB2y
Thanks
Thanks but the problem is this does not change the background colour of the social counter buttons for me. The text goes black but the grey background remains.
.td_social_type .td_social_button a {
background-color: #fff;
color: #000;
}
If I change the theme accent colour to white the next problem is that the selected menu highlighter will not show against my website’s white background as it will now be white too.
Hi,
It works for me http://screencast.com/t/gOIUI8wrC8
Please try to use this css:
.widget_social .td_social_type .td_social_button a {
background-color: white !important;
color: black !important;
}If this dose not work please send me an URL to your site, I need to inspect this so I can provide a better solution.
Thanks
Thanks – that works fine, the ‘important’ bits made the difference. Can you help with CSS to 1. make the button text in the button become underlined on hover
2. make the button text show as a link colour also on hover
This is as far as I got with the underline part but it’s not working:
.widget_social .td_social_type .td_social_button a hover {
text-decoration: underline;
}
thanks!
Hi,
Use this and change the text color on hover as you like:
.widget_social .td_social_type .td_social_button>a:hover {
text-decoration: underline!important;
color: red!important;
}Thanks
