Return to previous page

Breadcrumbs styling problem !? - by Olexi

This topic has 22 replies, 3 voices, and was last updated 7 years, 10 months ago ago by 8theme

Olexi

Participant

December 20, 2016 at 15:48

Hi,

we have one site that shows a wrong typo for the breadcrumbs. All other pages are fine, just this one shows the wrong font?

This is the site: https://www.firstbeautyspa.at/behandlungen/

Thx

#149654 Copied

21 Answers

Olexi

Participant

December 20, 2016 at 17:11

The breadcrumbs for single product pages look also different?

https://www.firstbeautyspa.at/produkt/gutschein-euro-500/

But actually this is my favorite option.

How can we achieve to have the breadcrumbs style like the single product everywhere?

#149682 Copied

Olga Barlow

Support staff

December 20, 2016 at 17:21

Hello,

To set the font family and font weight go to Theme Options > General > Breadcrumbs > http://prntscr.com/dlspjk

Regards

#149685 Copied

Olexi

Participant

December 20, 2016 at 17:41

Hi,

many thanks. But the single product pages still look different than the rest?

Normal page:
https://www.firstbeautyspa.at/behandlungen/

Single product page:
https://www.firstbeautyspa.at/produkt/gutschein-euro-500/

#149689 Copied

Olexi

Participant

December 20, 2016 at 19:04

I did some changes with the settings now and again the 1 page has a different look.

This is how i like it:
https://www.firstbeautyspa.at/kontakt/

This is the one different again now:
https://www.firstbeautyspa.at/behandlungen/

Because of the single product pages i guess it looks different cause there is no page title visible. how can i show the title on the single product pages? Cant find a setting in the theme options to turn them on.

Sorry for the many questions, many thanks.

#149695 Copied

Olga Barlow

Support staff

December 21, 2016 at 10:26

Hello,

Please, choose the necessary font-weight for the Breadcrumbs title http://prntscr.com/dm385f in Theme Options > General > Breadcrumbs.

Regards

#149735 Copied

Olexi

Participant

December 21, 2016 at 11:34

Hi,

my options look exactly like in your screenshot … but it is not applied to all pages?

So how to solve this?

Any chance to view the page title on single product pages?

thx

#149743 Copied

Olga Barlow

Support staff

December 21, 2016 at 14:53

Hello,

Your options look like from the screenshot because I have changed them. Clear browser cache. Your titles should be the same for all the pages. I don’t see issue anymore.

Regards

#149787 Copied

Olexi

Participant

January 4, 2017 at 18:18

Hi Olga,

happy new year, hope you had a good start 🙂

Sorry for bothering you again. Breadcrumbs are fine, many thanks, but regarding the single product pages it would be still lovely to have to product title/name also shown in the breadcrumbs.

Any way to get this done?

#150890 Copied
8theme

Support staff

January 5, 2017 at 09:58
Hello,

Thank you. Have a Happy New Year too! 🙂

You can show the name of the product in the breadcrumb using the following CSS code snippet
```
.bc-type-default .woocommerce-breadcrumb, .bc-type-default #breadcrumb {
    font-size: 12px;
    letter-spacing: 2px;
}

.woocommerce-breadcrumb a:last-of-type + .delimeter, #breadcrumb a:last-of-type + .delimeter, .bbp-breadcrumb a:last-of-type+.delimeter {
	font-size:12px;
}
```
Regards
#150917 Copied
Olexi

Participant

January 5, 2017 at 12:58

Many thanks, the page title is now visible, but the styling looks different then the other pages. Tried to change your code to get it done but failed.

Can you maybe help with getting it perfect?

This is how it looks now: https://www.firstbeautyspa.at/produkt/gutschein-e-250/

This is how it should look: https://www.firstbeautyspa.at/gutscheine/

Best

#150936 Copied

8theme

Support staff

January 5, 2017 at 14:33

In this case, you need to show a page title and not a product name in the breadcrumbs. Try to switch an option in Theme Options -> ECommerce -> Single Product Page -> “Show product name above the price”.

Regards

#150942 Copied

Olexi

Participant

January 5, 2017 at 17:28

The option was already enabled … but this shows it not in the breadcrumbs.
It shows it above the price in the content.

#150974 Copied

8theme

Support staff

January 6, 2017 at 08:53

Yes, but you need to disable it to change the product title position to breadcrumbs.

#151013 Copied

Olexi

Participant

January 19, 2017 at 10:35

Oke, this is clear now … many thanks.

One more question, is it possible to reduce the hight of the breadcrumbs section. we have selected size small in the theme options but would love to have them smaller.

#152410 Copied
8theme

Support staff

January 19, 2017 at 11:15
Hi,

Try to add this code snippet to the custom CSS to reduces the padding.
```
.et-header-overlap .page-heading, .et-header-overlap .page-heading.bc-size-small {
    padding-top: 8em;
    padding-bottom: 2em;
}
```
Regards
#152420 Copied
Olexi

Participant

January 19, 2017 at 11:28

Perfect ! many thanks 🙂

#152427 Copied

Olga Barlow

Support staff

January 19, 2017 at 18:11

You are welcome!

Regards

#152478 Copied

Olexi

Participant

January 20, 2017 at 09:10

Hi,

we discovered a new issue. We use “inline left” for the breadcrumbs now and also the “return to previous page”.

The return link on the right side is not in-line with the left side links … also the little arrow is not in line with the link.

how to solve that?

#152529 Copied
8theme

Support staff

January 20, 2017 at 10:33
Try to use this code also
```
.page-heading.bc-type-left2 .woocommerce-breadcrumb, 
.page-heading.bc-type-left2 .breadcrumbs{line-height:1.3;}
.page-heading.bc-type-left2.bc-color-white .back-history{line-height:1.3;}
.page-heading.bc-type-left2 .back-history:before{top:1px;}
```
Regards
#152545 Copied
Olexi

Participant

January 20, 2017 at 10:39

Perfect, many thanks 🙂

#152548 Copied

8theme

Support staff

January 20, 2017 at 10:40

You are welcome!

#152550 Copied
Viewing 22 results - 1 through 22 (of 22 total)