Return to previous page

Breadcrumbs look different on single product pages

This topic has 6 replies, 2 voices, and was last updated 2 years, 7 months ago ago by Rose Tyler

Morten

Participant

September 16, 2021 at 20:26

Hi.

We are building a site based on the “Minimal Fashion” pre-build. And we simply cannot make the breadcrumbs look the same. (Spacing & Font size)

Page:
https://imgur.com/EAlPgoU

Product page:
https://imgur.com/Crpdlyc

Can you please help us?

Please, contact administrator
for this information.

#302486 Copied Theme version: 8.0.6 WooCommerce version: 5.6.0

5 Answers

Rose Tyler

Support staff

September 17, 2021 at 07:07

Hello,

Theme Options > WooCommerce > Single product builder > Breadcrumbs

Regards

#302501 Copied

Morten

Participant

September 17, 2021 at 08:03

Hi again.

I have tried the theme options multiple times, always clearing cashe also of cause.

Theme Options > WooCommerce > Single product builder > Breadcrumbs is the one causing some of the problems as you cannot change the font size. It inherit the font-size: 16 from somewhere where I want it to be 12px, but I don’t have the option to set it anywhere.

Theme Options > Breadcrumbs also causes som trouble as I set the top margin for 11em but for some reason it keeps 14em when previewing on page.

This is both in Safari & Chrome.

You can se the differences here (if you login first):

https://handover-cph.com/categories/
https://handover-cph.com/product/golden-lace-shirt/

Please contact administrator
for this information.

#302512 Copied

Rose Tyler

Support staff

September 17, 2021 at 09:46

Hello,

Set same paddings in: 1) Theme Options > Header builder > Header overlap > Custom Breadcrumbs Paddings (Overlap Only) 2) Theme options > WooCommerce > Single Product builder > Breadcrumbs > Computed Box

About font-size, Theme options > WooCommerce > Single Product builder > Breadcrumbs > Content Zoom (%)

Regards

#302532 Copied

Morten

Participant

September 17, 2021 at 11:14

Thank you.

About the font-size the Content Zoom thing is changing too much and not easy to get the exact size you want. So I had to force the font-size in CSS with !important, which isn’t that good, but it works.

#302550 Copied

Rose Tyler

Support staff

September 17, 2021 at 12:01

You’re welcome!

Regards

#302555 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Breadcrumbs look different on single product pages’' has been successfully resolved, and the topic is now closed for further responses

Breadcrumbs look different on single product pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection