Reduce font size

[consciouscrafties]

Hi Harry,

Sorry to bother you, I wondered if you could help.

Is it possible to reduce the font size and remove bold from:

Additional Options and Order Note on the product page?

(see screenshot)

Many thanks for your help,

Karen

Attachments:

You must be logged in to view attached files.

[consciouscrafties]

Here’s an example product where they appear:

https://www.consciouscrafties.com/handmade-gifts/autism-awareness-badge-choose-size-design/?attribute_pa_1-size=25mm-badge

Many thanks 🙂

[Harry]

Hi Karen,

Please add below code to Custom CSS

.wccpf-fields-group h4 {font-size: 16px;}

Best regards

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

[consciouscrafties]

Hi Harry,

Thank you, that changed the ‘additional options’ 🙂 but didn’t change the ‘order note’ font size sorry (see screenshot)

Ideally I’d love to HIDE the text ‘additional options’ (as it’s not needed as the text box explains what it’s for) and make the font for ‘order note’ smaller. Is that possible?

Sorry for all the questions, I do really appreciate your help,

Karen

Attachments:

You must be logged in to view attached files.

[consciouscrafties]

Eeeep, I had a play and I’ve done it! Yippee! I know practically zero CSS (as you may have guessed) but used your formula for the additional options to have a go and it’s worked (see screenshot)

So all I need help with now would be to display those boxes a bit nicer on the screen.

Maybe move the ‘order note’ to under the Add to Basket bit if possible?

Thanks so much 🙂

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

I check and see the layout work well did you fix? http://take.ms/yBjRj

The order note can’t move below add to cart button.

Best regards

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

[consciouscrafties]

Hi Harry,

Sadly I’ve not been able to fix this one although that product does looks good in Safari but not in Chrome.

There are 3 different scenarios of a product layout.

DISPLAY OPTIONS:

1. ‘Note to Seller’ box on its own: https://www.consciouscrafties.com/handmade-gifts/glass-beaded-fairy-sun-catcher/
2. ‘Additional Options’ box and ‘Note to seller’ box: https://www.consciouscrafties.com/handmade-gifts/fudge-feast-bumper-pack-of-scrumptiousness/
3. ‘Variations’ box, ‘Additional Options’ box AND ‘Note to Seller’ box: https://www.consciouscrafties.com/handmade-gifts/autism-awareness-badge-choose-size-design/

I’d like the ‘Note to Seller’ box to appear BENEATH both the variations box and additional options boxes but ABOVE the basket button. Otherwise in some browsers it can take over the space of the add to basket button and quantity selector.

Hope that’s possible, I did try to fix it, but I think I’ve exhausted my genius for the day 😉

Thank you for your help 🙂

[Harry]

Hi Karen,

Please add below code

form.cart {
	display: inline-block;
	width: 100%;
}
.cart .yith-wcwl-add-to-wishlist {
	margin-bottom: 0;
	display: inline-block;
}
#wccpf-fields-container {
	margin-bottom: 20px;
}

Best regards

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

[consciouscrafties]

WOW thank you so much that looks absolutely PERFECT in all browsers! Really really appreciate your help <3 thank you Harry!!!

[Author]

Posts