Return to previous page

Breadcrumb area in product pages - by Darja

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

Darja

Participant

March 27, 2019 at 10:03

Hello,

Is there a possibility to have a different breadcrumb area on all single product pages than on any other page? And if yes where could we modify that?

Thank you for the help

#211492 Copied Theme version: XStore 5.1.6.1 WooCommerce version: Woocommerce 3.5.7

5 Answers

Rose Tyler

Support staff

March 27, 2019 at 10:10

Hello,

There is no such possibility by default. You can use custom CSS code to change styles of elements on a single product page only.

Regards

#211494 Copied

Darja

Participant

April 15, 2019 at 08:54

Hello,

Thank you for your response. Is there a possibility that you can help us with that?
The only modification we would like to make is that the breadcrumbs area would be shorter on the single product pages then on any other pages (other pages have paddings on top and bottom at 250px and on the single product pages we would like to have them at 100px)

Best,

#212413 Copied
Rose Tyler

Support staff

April 15, 2019 at 09:16
Hello,

Please try this custom CSS code
```
.single-product .page-heading {
    padding-top: 50px;
    padding-bottom: 50px;
}
```
If this doesn’t work for you, inspect the code on site using inspector tools of Chrome browser to find our correct classes.
To access it, open a web page or web app in Google Chrome. Either:
-Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
-Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.
http://prntscr.com/nc2u37

Regards
#212417 Copied
Darja

Participant

April 16, 2019 at 15:58

Thank you for your help, it worked perfectly.

#212485 Copied

Rose Tyler

Support staff

April 16, 2019 at 16:01

You’re welcome!

Regards

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