Colour on Social Counter

Posted in: Newspaper
Post count: 84

Hi

I like the functionality of the widget Social Counter, but it adds way to much colour to my page. Is it possible to change the blue colours to an anonymous grey by doing CSS changes? Similar to the colour I use for “Prenumerera” just below the Social Counter or the Dark Gray, which I have used for the text under “Välkommen”.

I was looking for the colour codes for the headings and the text for the Home page in the Theme Panel. In which menu under Theme Panel will I find those?

http://www.ladiesabroad.se/

Thanks from Lena

Post count: 22421

Hello,

Before changing the colors with css you might consider one of the social counter styles you can choose for your widget: https://forum.tagdiv.com/social-counter-styles-on-newspaper/
Let us know if you still require help with this.

Thank you!

Post count: 84

Thanks; I had missed that different styles could be selected. I have now changed to Style 8 which has less colours. But I still believe I would like to try it with black/white/grey only. So If you can provide me with a CSS change replacing all colours with grey, I would appreciate so. It is OK to remove the colours for all styles.

Thanks.

Post count: 22421

Hello,

If none of the styles work out for you, you can try this css:

.td_social_type .td-social-box{
background-color:grey!important;
}

I have added a grey color as requested.
You can add the code in the theme panel-custom css box

I hope this helps.
Thank you!

Post count: 84

Hi.

I am now sure I will stay with style 8. I need the blue FB, IG and twitter icons to be changed to grey, not the background. the background should stay white.

Thanks.

Post count: 22421

Ok,
Try this code instead:
.td-social-font-icons .td_social_facebook .td-sp:before, .td-social-font-icons .td_social_twitter .td-sp:before, .td-social-font-icons .td_social_youtube .td-sp:before{
color:grey;
}

Thanks.

Post count: 84

Thanks; totally what i wanted.

When I am doing everything in grey already; can you help with making the Post Settings -> Sharing buttons getting a grey background as well? I use only “Bottom Article Sharing” for now, but it is OK to give all sharing buttons grey background.

Thanks.

Post count: 22421

Hi,

You can use this code to do it:

.td-social-facebook, .td-social-twitter, .td-social-google, .td-social-pinterest, td-social-whatsapp{
background-color: grey!important;
}

Thank you!

Post count: 84

Hi

The Sharing buttons at the end of each blog post has gotten it´s colours back. I still have the above CSS given to me 26/8-16 as I had before, and have not changed anything. I notice more choices have been given to costumize the sharing buttons look, for example doing them all black, but I still prefer having them gray. Can the above CSS be modified to work for the new button options?

https://www.ladiesabroad.se/2018/03/manadens-staycation.html

thanks from Lena

Post count: 22421

Hello,
try this css:

.td-ps-bg .td-social-but-icon, .td-ps-bg.td-social-but-text{
background-color:grey!important;;
}

Thanks.

Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.