Custom CSS doesn’t work

  • kenkdesign

    (@kenkdesign)


    8 years ago

    Good morning,
    I like very much this plugin but I have a problem: when I go to “Custom CSS” to change CSS settings, for example to give a border radius or a box shadow to all buttons, the first only change, the other not. For example, I write

    .heateorSssFacebookBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important};

    .heateorSssTwitterBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important};

    and Facebook only changes, Twitter not. I try this in two websites, but the result it’s the same. There is a CSS file I should to edit?
    Thanks

    • This topic was modified 8 years ago by kenkdesign.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Heateor Support

    (@heateor)

    Good Morning,

    We are glad that you liked our plugin ??
    CSS is not working because you are placing semi-colon after CSS rule. Remove the semi-colons for it to work.
    So that your CSS becomes:

    .heateorSssFacebookBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important}
.heateorSssTwitterBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important}
    Thread Starter kenkdesign

    (@kenkdesign)

    Thanks, it works! ??
    I have another question: I see that in this way changed also button on float bar: there is a class I should use to change only horizontal buttons?
    Thanks

    Plugin Author Heateor Support

    (@heateor)

    Okay. For that you should use:

    div.heateor_sss_horizontal_sharing .heateorSssFacebookBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important}
div.heateor_sss_horizontal_sharing .heateorSssTwitterBackground {-webkit-border-radius: 4px !important; -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2) !important}
    Thread Starter kenkdesign

    (@kenkdesign)

    Thank you!
    Is it possible to make vertical float icon not for sharing content, but add to each icon a custom link? I’d like to use them for link my social media profiles, and not for sharing. There is a way to do this? Thanks!

    Plugin Author Heateor Support

    (@heateor)

    Sorry, currently there isn’t any way to do this. We will try to include this feature in upcoming releases.

    Thread Starter kenkdesign

    (@kenkdesign)

    Ok, thank you ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS doesn’t work’ is closed to new replies.