How to adjust the size of this button of this buy now?

How to adjust the size of this button of this buy now?

Attachments:

You must be logged in to view attached files.

Hello,

Please share the page URL of your site so I will check and give you the custom CSS code.

Best Regards.

ok

Hello,

Try to add following custom css code in Theme Settings > Custom CSS:

.wd-buy-now-btn { 
width: 50px !important; 
height: 50px !important;
 }

In these CSS, you can change the value of width & height according to your choice.

Best Regards.

I don’t know CSS code, can you tell me how to find out where I can find the code of the button I want to modify? For example, buy now is “.wd-buy-now-btn”. Can you tell me how you found it?

Hello,

Right-click the button and choose “Inspect” or “Inspect Element.”
This opens the developer tools with HTML on the left and styles on the right.

Look for the button in the HTML:
On the right, see the CSS styles applied to the button.

Each style has a selector (like “.wd-buy-now-btn”) that you can use.
Write custom CSS to change button appearance.

Best Regards.

is that so? class=wd-buy-now-btn button alt. But not what you said.wd-buy-now-btn

Attachments:

You must be logged in to view attached files.

Hello,

This is the add to cart button class. Please use the previous custom css code that we have provided you and check the issue. If it is not working then share the wp login details of your site i will check and give you a possible solution.

Best Regards.

I would like to know how to find “Look for the button in the HTML:
On the right, see the CSS styles applied to the button.

Each style has a selector (like “.wd-buy-now-btn”) that you can use.
Write custom CSS to change button appearance.”

Can you show me how you found it in a video?

Hello,

Sure here is the video guide:
https://youtu.be/CwInfPLlP6M

Best Regards.

[Author]

Posts