WooCommerce Product Page Customization – Please Help!

Posted in: Newspaper
Post count: 9
matthewbath
#398986
Apr 28, 2021 at 12:26 pm

Hi!

We’re adding a store to our site Wise Living Magazine and I wanted to get support on two small customisations to the WooCommerce Product Page please.

An example product page is: https://wiselivingmagazine.co.uk/product/nutri-ninja-blender-smoothie-maker-900w-bl450uk-silver/

There are two changes I want to make:

1. Add space between the Header menu and the page itself to give it more space (currently, the breadcrumb and ‘Latest Articles’ header is too close to the menu.

2. Change the Block Header style (eg, change the solid black ‘Related Products’ to the same Block Header style of ‘Latest Offers’).

I have attached a screengrab which hopefully helps.

Any ideas and advice are welcome – hopefully, these are small(ish) code changes.

Thanks!

MattExample product page

Post count: 21065
Bettina
#399013
Apr 28, 2021 at 2:27 pm

Hello!

1. Try to add this CSS code:

.tdc-header-template .td-main-page-wrap, .tdc-no-header .td-main-page-wrap {
padding-top: 50px;}

2. Unfortunately, this will require custom work which is not covered by the support team.

Thank you!

Post count: 9
matthewbath
#399081
Apr 28, 2021 at 9:44 pm

Hi Bettina,

Thanks for the reply!

However, I only want this applied to the Products page. The CCS adds padding across the entire site, which I want to avoid as it breaks the design.

Any way to limit the CSS solution (which works!) to just the Products page?

Thanks

Post count: 21065
Bettina
#399193
Apr 29, 2021 at 2:24 pm

Hello!

Unfortunately, this will require custom work which is not covered by the support team.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.