Change Product page

[Chen]

Hi! I have 2 questions. In the single product page,

1. How do I change the font size of the price box content?
2. How do I change the width of the yith add on content? I mean the breakpoints?

It should look like the 2. screen photo that I attached.

Thank you!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Chen,

Can you send me the link of 2 page you want to change.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Chen]

This reply has been marked as private.

[Chen]

This reply has been marked as private.

[Harry]

Hi Chen,

1. You can change font size of price box by add below code to Claue > Theme Option > General Layout > Custom CSS

.wapo-product-price #wapo-total-price-table table {
    font-size: 15px;
}

2. You can change setting of plugin or add custom css code to Claue > Theme Option > General Layout > Custom CSS

.yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option {
    max-width: 70% !important;
}

I also updated your purchase code.

Kind regards

• This reply was modified 2 years, 11 months ago by Harry.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Chen]

Hi Harry,

thank you. Unfortunately the price box doesn’t change with the CSS code. Do you have another idea?

[Harry]

You can change code to

#wapo-total-price-table table {
    font-size: 15px !important;
}

and change 15 with your number

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Chen]

This reply has been marked as private.

[Harry]

Hi,

Please change code to

.yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option {
    max-width: 70% !important;
}

#wapo-total-price-table table {
    font-size: 15px !important;
}

not only change number

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Chen]

Thank you! It works!

[Author]

Posts