BUY NOW BUTTON SIZE

I want to change buy no button size 100% and change the background color as well. Full width similar photo send which length I want of BUY NOW button.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.cart .wd-buy-now-btn {
		width: 100%;
    margin-left: 0;
}

Best Regards

How to change the color of the BUY NOW button?

Hello,

You can change the button color and hover through Theme Settings -> Styles and colors -> Buttons -> Advanced button styles -> create a new rule with the “Single buy now” item.

Best Regards

Thanks

Also, I want to change the size of the quantity box. Full size like add to cart and buy now button.

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom in the Global Custom CSS area under Theme Settings >> Custom CSS.

div.quantity input[type=button], div.quantity input[type=number]{
    min-width: 50%;
}

div.quantity {
    width: 100%;
}

Best Regards

Thanks For Your Help!

Can Change width of Variation box, Like quantity box.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS for that.

table.variations select {
    max-width: 100%;
}

Best Regards

Quantity box size as per requirement but same width change in sticky add to cart quantity box. I donat want to change the sticky add-to-cart quantity box size.

Also, I want to make the BUY NOW button shake for first-time page view visitors.

Hello,

Please replace the previous Custom CSS with the following then check back.

.summary-inner table.variations select {
max-width: 100%;
}

Sorry but there is no option in Theme Settings available for that.

Best Regards

[Author]

Posts