WordPress.org

Ready to get started?Download WordPress

Forums

Juiz Social Post Sharer
[resolved] Customize the padding, margin, font of the buttons (7 posts)

  1. chadhugo
    Member
    Posted 1 year ago #

    Hi, i wanna reduce the size of the buttons, so i'm modifying the css

    .juiz_sps_links .juiz_sps_item a {
    font-size: 11px;
    margin: 2px 5px 2px 0;
    padding: 2px 5px 5px 1px;
    }

    i've also tried with only ".juiz_sps_item a", ".juiz_sps_links", etc.

    i've also modified the juiz-social-post-sharer-2.css (i dont know if its ok to do that..) but nothing changes

    thanks in advance

    http://wordpress.org/extend/plugins/juiz-social-post-sharer/

  2. chadhugo
    Member
    Posted 1 year ago #

    i still have this problem.. :(

    Am i modifying the right css code?

    perhaps its a cache problem..

    because when i modify it in firebug, it works. when i modify it in styles.css, it doesnt do any changes, and i can still see the old code in firebug.

    And the name of the css is : juiz-social-post-sharer-2.min.css , ("min" means "minified", right?)

    I have W3 Total Cache but i deactivated it

    thanks in advance

  3. chadhugo
    Member
    Posted 1 year ago #

    Ok, i've put the code again in juiz-social-post-sharer-2.min.css, now its working

    So, is it ok to modify this css? (i've always modified the css for the plugins in style.css)

    My theme is responsive, i want to hide jsps when in mobile mode.
    I've put `@media screen and ( max-width: 480px ) {
    .juiz_sps_links {
    display: none;}` in style.css, but it doesnt work

  4. Geoffrey
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Sorry for the delay of my answer.
    My CSS file uses sometimes 2 classes to create a CSS rule, in order to have weight against default styles of some themes.

    You need to write something like that :

    @media (max-width: 480px) {
       .juiz_sps_links {
          display: none!important;
       }
    }

    Good luck!
    Regards.

  5. Geoffrey
    Member
    Plugin Author

    Posted 1 year ago #

    Other thing: don't edit the plugin files. They will be overwritten at the next update...
    Use weighter classes or !important to customize styles :)

  6. chadhugo
    Member
    Posted 1 year ago #

    thanks a lot, its working

    thats weird because i'd already try with "!important". perhaps there was a cache problem, i dont know

    i've also put this
    .juiz_sps_links .juiz_sps_item a {
    font-size: 11px !important;
    margin: 2px 5px 2px 0 !important;
    padding: 2px 5px 5px 1px !important;
    }

  7. Geoffrey
    Member
    Plugin Author

    Posted 1 year ago #

    Yeah ! cool :)

    A cache problem? Yes it's possible...

    Good luck,
    Geoffrey.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.