[Resolved] Second Button on Shop Page Not Working Fine

[Odira]

Hello, I’m using a product customizer that adds customize button on some products but the buttons don’t behave well. They are overlapping each other on desktop and offsetting on mobile.

You can see what I’m talking about here: https://www.teeground.com/shop/

I have tried other themes and that doesn’t happen with other themes. What should I do about this please.

Thank you.

[Tom]

Hi there,

How are you adding the button?

It has width: 100% added to it, which is causing the issue: https://www.screencast.com/t/7Bk5geOpMUz

[Odira]

The button was added there automatically by the customizer plugin.

Is there any thing I can do about it? Like some custom CSS to make it work fine.

Thanks.

[Tom]

You can try adding this CSS:

a.button.fpd-catalog-customize {
    width: auto !important;
    display: inline-block;
    margin-left: 5px !important;
}

[Odira]

Ok. Thanks. Let me try that.

[Odira]

That worked fine. Thanks again.

[Tom]

You’re welcome 🙂

[Author]

Posts