• Resolved vs2020

    (@vs2020)


    Hi so I have implemented this plugin thanks! I notice that if the icons are not full width, there is very little gap between each button. Is there anyway to place some gap/padding between each button when not full width? Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    Yes, you would just need to add some custom CSS to your site–for example, in the Additional CSS panel of the customizer. If you are using the flexbox setting for the “Button Container CSS”, something like this would add 12px between each button:

    
    .scriptlesssocialsharing__buttons a:not(:last-of-type) {
        margin-right: 12px;
    }
    

    Hope that helps get you started.

    Thread Starter vs2020

    (@vs2020)

    Thanks, I’m using Beaver Builder Themer not flexbox (beginner with WP). The same code will work?

    Plugin Author Robin Cornett

    (@littlerchicken)

    The flexbox setting is an option on this plugin’s settings page–this CSS will work regardless of your theme, if you have that option selected.

    Thread Starter vs2020

    (@vs2020)

    Apologies I’m a beginner. What would enabling flexbox do besides this css setting? Thanks!

    Plugin Author Robin Cornett

    (@littlerchicken)

    It’s just the CSS rules for the buttons and their icons. The table option was the original styling that I used when I built the plugin, but I think the flexbox option is more reliable. For the most part, they’ll look pretty similar, but my preference is the flexbox and it’s the default for new installs. Besides being more reliable, I think it’s also easier to make modifications like this. If you’re not already using that option, you can try changing it and see what happens–you can always change it back if you don’t like it.

    Thread Starter vs2020

    (@vs2020)

    Ok thanks so much for your prompt help and explanations! I’ll try and revert back.

    Thread Starter vs2020

    (@vs2020)

    Ok so I tried your suggestion and it worked! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Is there anyway to get space between the buttons?’ is closed to new replies.