Social Warfare plugin styling?

Questions › Category: Questions › Social Warfare plugin styling?
0 Vote Up Vote Down
Stacey Allison asked 5 years ago

Hello,
 
Although I’ve chosen the default color scheme for my Social Warfare plugin buttons, it is still picking up on the custom color scheme of Hello Boho. I’ve tried commenting out the styling within the css file but that didn’t work and I cleared my cache. Website is https://theallisonhouse.com
 
Thank you!

1 Answers
0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

Social Warefare updated and the theme styling no longer works for the plugin.  That is why we do not have it in the customizer any longer.  What is currently showing on your site is the default icon colors.  The site is gorgeous by the way.  To add code to your theme to change them you could add this.  If you want them to all be one color, combine the button colors, or you can assign different shades of color.
 
/* Changes Icon color */
 
.swp_social_panel.swp_default_full_color a, html body .swp_social_panel.swp_individual_full_color .nc_tweetContainer:hover a, body .swp_social_panel.swp_other_full_color:hover a, .swp_social_panel.swp_default_light_gray a, html body .swp_social_panel.swp_individual_light_gray .nc_tweetContainer:hover a, body .swp_social_panel.swp_other_light_gray:hover a, .swp_social_panel.swp_default_medium_gray a, html body .swp_social_panel.swp_individual_medium_gray a:hover, body .swp_social_panel.swp_other_medium_gray:hover a, .swp_social_panel.swp_default_dark_gray a, html body .swp_social_panel.swp_individual_dark_gray a:hover, body .swp_social_panel.swp_other_dark_gray:hover a {
color: #fff !important;
}
 
/* Changes button color */
 
/* Facebook */
 
.swp_social_panel.swp_default_full_color .swp_facebook, html body .swp_social_panel.swp_individual_full_color .swp_facebook:hover, body .swp_social_panel.swp_other_full_color:hover .swp_facebook {
background: #333 !important;
border: 1px solid #333 !important;
}
 
/* Pinterest */
 
.swp_social_panel.swp_default_full_color .swp_pinterest, html body .swp_social_panel.swp_individual_full_color .swp_pinterest:hover, body .swp_social_panel.swp_other_full_color:hover .swp_pinterest {
background: #444 !important;
border: 1px solid #444 !important;
}
 
/* Twitter */
 
.swp_social_panel.swp_default_full_color .swp_twitter, html body .swp_social_panel.swp_individual_full_color .swp_twitter:hover, body .swp_social_panel.swp_other_full_color:hover .swp_twitter {
background: #555 !important;
border: 1px solid #555 !important;
}
 
/* Email */
 
.swp_social_panel.swp_default_full_color .swp_email, html body .swp_social_panel.swp_individual_full_color .swp_email:hover, body .swp_social_panel.swp_other_full_color:hover .swp_email {
background: #666 !important;
border: 1px solid #666 !important;
}

Stacey Allison replied 5 years ago

Thank you so much for providing that. The shades of grey look great too. And … thanks for the compliment. Still a work in progress but your themes are lovely. I had a tough time choosing only one. 🙂