button picture spaced

padchadayni

I want the image button to be spaced, how do I write css?

padchadayni

https://duckbetesports.com/

padchadayni

.buttonizer-button img {
max-width: none !important;
}

James

Hi padchadayni ,

You should be able to space the buttons using this custom CSS:

.buttonizer-button {
    margin-top: 30px;
}

Let me know if it worked for you! 😄

padchadayni

I don't know what I'm doing wrong, I want the button to be an image, and then I use css to enlarge it, and the image is glued together, so I want the image to have some distance.

padchadayni

James

Hi padchadayni ,

You only need to add the margin to create space in between the buttons.
Your CSS should end up looking like this:

/* Change the margin-top to add space */
.buttonizer-button {
    margin-top: 30px !important;
}
/* Change the width to increase the image size */
.buttonizer-button img {
   width: 80px !important;
}

Increase the margin-top to add more space in between the buttons.

You can also futher increase the size of the image by increasing the width.
If you increase the width, you will also have to increase the margin-top to create spacing again.

padchadayni

okay thank nice working