Forum Academy Marketplace Showcase Pricing Features

Change size of Bubble social share icons

Would anyone know if it is possible with css to change the size of Bubbles’ standard social share icons.

From what I can see they have to be minimum 40px height for the container and there is no control within the plugin for the size.

Hugely grateful if anyone would know how to do this…

Are you talking about the AddToAny Share Buttons Plugin?

If so, try the following:

.a2a_svg {
    height: 180px;
    width: 180px;
}

Just make sure the element height and width in the editor are big enough to accommodate the icons…

1 Like

@adamhholmes Mate, thank you very much for that…works like a charm and has meant I can get these icons looking perfect in my project. thank you so much for taking the time to share this solution for me.

(For others like me looking for this solution, it works perfectly…I enclosed in tags in an HTML element sized to 1px X 1px and dropped on the page)

1 Like

Would you please be able to copy and paste the entire HTML??? :pray:

I found the code provided is all you need… just put the style tags at the beginning and end that is the following:

And then put that in an HTML element anywhere on the page size to 1 pixel by 1 pixel.

Thanks :slight_smile:

Was there something missing in your post above?

Hi I meant for you to grab the code that Adam provided and just suggesting putting it inside of style tags… I’m on mobile so I was just finding it a bit difficult to copy and paste the code but that’s all you need to do :slightly_smiling_face:

<style>
.a2a_svg {
    height: 180px;
    width: 180px;
}
</style>
1 Like

Thanks!