CSS Not Working on Prose Theme

[brian]

Hi,

I'm trying to use CSS on my social media buttons at the end of each post. Here's an example of a post: http://pianohacker.net/choosing-the-right-digital-piano/

#social-media-icons {
display: block;
height: 25px;
width: 100%;
margin: 0 0 10px;
padding: 0;
}

.facebook-button {
float: left;
width: 100px;
}

.twitter-button {
float: left;
width: 100px;
}

.gplus-button {
float: left;
width: 90px;
}

.pinterest-button {
float: left;
width: 90px;
}

.linkedin-button {
float: left;
width: 115px;
}

.stumbleupon-button {
float: left;
width: 100px;
}

I have used this code, and tried to put in Custom CSS box as well as the actual CSS file in my theme folder. Unfortunately, the CSS is not rendering.

[David Decker]

Only use the "Custom CSS" box in Prose --- it's like the "style.css" for THAT child theme. Adjustments to the actual style.css of Prose will overridden on updates!

Your snippet above should work. Just add it and save. Then go to the "Design Settings" at the very end and in the last meta box disable the "Minify", save and your stuff should be there. After your additions in Custom CSS the Minify should work again just enable.

Hope that helps, Dave 🙂

---

Twitter @deckerweb // Google+ // My Genesis & WordPress Plugins // German Translations for Genesis

[brian]

Hi David,

I have just put the code into the Custom CSS, and disabled/reenabled minify, and it doesn't seem to be working. Any ideas?

Thanks,
Brian

[David Decker]

Hi Brian!

Mmh, you know what? I see your buttons and the CSS seems to apply, at least I see it in Firefox 18 with Firebug inspector. If I for example disable the float for Twitter in Firebug I see changes...?

If something is not applying maybe add "!important" to the CSS values. Or, have you any cache plugin active in your install? Or any browser cache issues?

(I hope I understood your issues correct)

---

Twitter @deckerweb // Google+ // My Genesis & WordPress Plugins // German Translations for Genesis

[Author]

Posts