[Resolved] Customization of product page

[Laura]

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

[David]

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 ?

[Laura]

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

[Tom]

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 🙂

[Author]

Posts