Archived topic
Customization of product page
3 replies · Started by Laura on April 13, 2020
Hello GP Team!!
I am trying to change some things in my product page, but I am not sure if there is any problem with the theme (Bold). I need to change:
- The shape of the single_add_to_cart_button, only I need to add border-radius: 50px;
- Size of the product_title
- Order of different elements and show both spaces for text
I try with add and remove actions in a new plugin, but I don't know why is not working.
Thanks a lot for your help!!!
Laura
Hi there,
1. Did you resolve this ?
I am seeing a YITH plugin is adding 50px border radius.
2. Use this CSS to set the product title:
.woocommerce div.product h1.product_title {
font-size: 24px;
}
3.
Order of different elements and show both spaces for text
Can you explain ?
Hello David,
1. Not resolved. Yith plugin allows the customization of its button, but I still have problems with woocommerce buttons.
2. I don't know why, but still not working. I paste the text in the doc style.css.
3. I mean, for example, change the order of the elements price and description. This way the price can be showed just befor add to cart button.
4. I would like to include description and short description.
In other themes I have worked with it has been so easy.
Thanks for your patience!!
Laura
Hi Laura,
1. Which buttons are you trying to target, exactly? Where can we find them?
You could try this:
.woocommerce button.button {
border-radius: 50px;
}
2. I'm not seeing this CSS on the site. Can you make sure you're using one of these methods?: https://docs.generatepress.com/article/adding-css/
3. You could try this: https://stackoverflow.com/a/55075474
4. Where? They should display by default.
Hope this helps :)