CODEWITHSUNDEEP
htmlcsswordpressinspector
John Blignaut
John Blignaut

Reputation: 35

Why does my css change work in inspector but not in customiser?

I'm trying to change the social media icons' colour globally wherever they were added with the theme's "social media icons" shortcode via Visual Composer. I've located the class "site-social-icons-shortcode" using Chrome's Inspector and added the css below using Wordpress's Customiser. It works in Inspector, and on the page specific CSS Customiser, but not in the global CSS Customiser. What am I doing wrong?

http://evermanapparel.co.za/social-media-icon-colour-test/

.site-social-icons-shortcode {
    color: red !important;
}

Upvotes: 1

Views: 1778

Answers (2)

Shahil Mohammed
Shahil Mohammed

Reputation: 3868

You can add this css to generally target all the icons

.site-social-icons-shortcode i {
    color: red;
}

Alternatively if you need to color each icons differently try this 

.site-social-icons-shortcode .site-social-icons-facebook i {
    color: blue;
}
.site-social-icons-shortcode .site-social-icons-twitter i {
    color: red;
}

You can override the css if theer are multiple csss targeting (Not a good solution) 

.site-social-icons-shortcode .site-social-icons-twitter i { color:blue !important; }

Upvotes: 2

Pratik Soni
Pratik Soni

Reputation: 78

you can put this css: color: #F1B831; on "http://evermanapparel.co.za/wp-content/themes/shopkeeper/css/styles.css" line no.17813 in this class .site-social-icons-shortcode

Upvotes: 1

Related Questions