CSS Not Working on Prose Theme

Community Forums Forums Design Tips and Tricks CSS Not Working on Prose Theme

This topic is: not resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  David Decker 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13426

    brian
    Participant
    Post count: 18

    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.

    • This topic was modified 1 year, 6 months ago by  brian.
    • This topic was modified 1 year, 6 months ago by  brian.
    • This topic was modified 1 year, 6 months ago by  brian.
    • This topic was modified 1 year, 6 months ago by  brian.
    #13434

    David Decker
    Moderator
    Post count: 93

    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 :)


    #13436

    brian
    Participant
    Post count: 18

    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

    #13442

    David Decker
    Moderator
    Post count: 93

    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)


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.