Home / Forums / WoodMart support forum / How to adjust the size of this button of this buy now?
Home › Forums › WoodMart support forum › How to adjust the size of this button of this buy now?
How to adjust the size of this button of this buy now?
- This topic has 10 replies, 2 voices, and was last updated 2 years, 4 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 17, 2023 at 11:20 am #489241
cmeng7680ParticipantHow to adjust the size of this button of this buy now?
Attachments:
You must be logged in to view attached files.August 17, 2023 at 3:29 pm #489342
Aizaz Imtiaz AwanKeymasterHello,
Please share the page URL of your site so I will check and give you the custom CSS code.
Best Regards.
August 17, 2023 at 5:30 pm #489377
cmeng7680Participantok
August 18, 2023 at 10:11 am #489524
Aizaz Imtiaz AwanKeymasterHello,
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.
August 18, 2023 at 6:10 pm #489682
cmeng7680ParticipantI 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?
August 19, 2023 at 10:19 am #489770
Aizaz Imtiaz AwanKeymasterHello,
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.
August 21, 2023 at 11:41 am #490062
cmeng7680Participantis 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.August 22, 2023 at 10:12 am #490351
Aizaz Imtiaz AwanKeymasterHello,
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.
August 24, 2023 at 4:52 pm #491073
cmeng7680ParticipantI 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.”August 24, 2023 at 4:52 pm #491075
cmeng7680ParticipantCan you show me how you found it in a video?
August 25, 2023 at 11:27 am #491221
Aizaz Imtiaz AwanKeymaster -
AuthorPosts
- You must be logged in to create new topics. Login / Register