[P KParticipant]

Dear support team,

I hope, I’m not off topic with my questions here.

1. How can I change the size of the price text field in woo commerce shop? I’ve tried several css but no result.
2. How can I change the padding of the text within the button? In order to reduce the space between the text and the button border?
3. How can I remove the shopping card symbol from the add to cart button?

Thank you very much in advance!

Philipp

[ChristopherModerator]

Hi PK,

Would you please provide the URL of your website so that we can give you a tailored css code for your case?

Thank you.

[P KParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

1. Which price text field? The on under the product title? or the prices along with add cart button?

Add this css at your customizer’s custom css.

.group_table .price {
width: 20% !important;
}

2. Here 🙂

.group_table .add_to_cart_button {
padding: 0.429em 0 0.643em !important;
}

3. And this one

.group_table .add_to_cart_button:before {
display: none !important;
}

Then clear your browser or plugin’s cache after applying these.

Thanks!

[P KParticipant]

Wow! Thank you! Amazing!

But…

Number 3 is working fine.
Could you also give the css for single product page?

Number 2
It seems that 0.429em and 0.643em influence the padding on the top and bottom. But how to change the padding on the sides? Now it seems to be 0.

Number 1
does not work 🙁
It changes only the line above the price and the font size. I guess, the reason is my bad task-setting. I want to change the font size of the price, and not only the size of the text field.
And it would be great if you could also provide the custom css for the font size of price in single product view and of the price under the product title.

Thank you very much!!!

Philipp

[RadModerator]

Hi P K,

#3 Sure, here is the css for single product button.

.single_add_to_cart_button:before {
display: none !important;
}

#2 you could so the same, change the value 0 with 0.4em or any value you want.

#1 OK sure, here is the revised one.

.group_table .price {
width: 20% !important;
}
.group_table .price .amount {
font-size: 17px !important;
}

and for single product.

.summary .price .amount {
font-size : 3em;
}

Hope these helps.

[P KParticipant]

Great!!! Thank you!

[Nabeel AModerator]

You’re welcome!

[MrinalMember]

You’re Welcome P K!

Have a nice day, Cheers!

[Author]

Posts