Return to previous page

No Featured Image With "Breadcrumb Large" on "Shop" Page?

This topic has 16 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

talonhead

Participant

August 5, 2016 at 16:03

Hello Guys. As the title says…I can’t seem to get my background image to show up with the breadbrumb area on the Shop page. See screenshot.

It has worked everywhere else…just not the “shop” page for some reason. Thanks!

Please, contact administrator
for this information.

#135811 Copied

15 Answers

Robert Hall

Support staff

August 6, 2016 at 10:06

Hello,

You didn’t selected the breadcrumbs background in Theme Options->General->Header settings -http://prntscr.com/c2a40k

Regards,
Robert Hall

#135851 Copied

talonhead

Participant

August 6, 2016 at 10:12

That’s odd. All my other pages, I didn’t have to do that. If that was the case, every page would have the same breadcrumbs background.

As long as I had a featured image picked on the page I was working on, and which layout of breadcrumbs I wanted, the image showed up for that particular page in the breadcrumb area.

Thoughts?

Please, contact administrator
for this information.

#135853 Copied

talonhead

Participant

August 6, 2016 at 10:27

As an example, here is a page that merely has a Featured Image uploaded to it, and chose “breadcrumb large” for the layout.

This is what I’m trying to have the “Shop” page do as well. But it’s not doing it.

Please, contact administrator
for this information.

#135858 Copied

talonhead

Participant

August 6, 2016 at 10:54

I think I figured it out. I guess the breadcrumb selection in Settings, sets the background for the Shop page only. I went ahead for yucks applied the same image I have set as a Featured Image for that page, and it finally appeared.

The other pages I have didn’t work that way though. Just set the Featured image and it was applied in the breadcrumb area for that particular page.

I hope all of that made sense.

Incidentally, when I do use a Featured Image on a page as well as a large breadcrumb image, ALL of my links inside that image area no longer have any hover color of #ad2121 (like the rest of the site of course). Can we fix that?

#135862 Copied
Robert Hall

Support staff

August 8, 2016 at 11:55
Hello,

I’ve added this code in Global Custom CSS. Please check.
```
.page-heading.bc-type-5 .breadcrumbs a:hover, .page-heading.bc-type-6 .breadcrumbs a:hover, .page-heading.bc-type-7 .breadcrumbs a:hover, .page-heading.bc-type-8 .breadcrumbs a:hover, .page-heading.bc-type-5 .woocommerce-breadcrumb a:hover, .page-heading.bc-type-6 .woocommerce-breadcrumb a:hover, .page-heading.bc-type-7 .woocommerce-breadcrumb a:hover, .page-heading.bc-type-8 .woocommerce-breadcrumb a:hover,
.page-heading.bc-type-8 .back-history:hover,
.page-heading.bc-type-5 .back-history:hover:before, .page-heading.bc-type-6 .back-history:hover:before, .page-heading.bc-type-7 .back-history:hover:before, .page-heading.bc-type-8 .back-history:hover:before{
    color: #ad2121 !important;
}
```
Regards,
Robert Hall
#135940 Copied
talonhead

Participant

August 8, 2016 at 11:59

We’re getting there. Top Bar links don’t hover. 🙂

#135941 Copied

Robert Hall

Support staff

August 8, 2016 at 14:54

As I see the links in top bar has a hover effect. See screenshot – http://prntscr.com/c339iu

Regards,
Robert Hall

#135992 Copied

talonhead

Participant

August 8, 2016 at 15:41

I don’t know how you’re getting that. I’ve cleared cache of course, looked on both FF and Chrome, and still don’t see it. See vid.

Please, contact administrator
for this information.

#136001 Copied
Robert Hall

Support staff

August 8, 2016 at 16:40
I’ve added the following code in Custom CSS for desktop. Please check.
```
.breadcrumbs-type-8:not(.home) .top-bar a:hover {
    color: #ad2121 !important;
}
```
Regards,
Robert Hall
#136011 Copied
talonhead

Participant

August 8, 2016 at 16:46

Yessir…that did the trick!

Incidentally, can we fix that little “hiccup” in the shopping cart icon? I’m not sure where the “paperclip” came from.

http://prntscr.com/c34s22

#136012 Copied
Robert Hall

Support staff

August 9, 2016 at 11:31
Hello,

I’ve added the following code in Global Custom CSS. Please check.
```
.cart-design-2.design-white .cart-bag::before {
    border-color: transparent !important;
}
```
Regards,
Robert Hall
#136103 Copied
talonhead

Participant

August 9, 2016 at 14:25

That fixed it. Thanks!

On the product page, since I’m trying out the breadcrumb large background image, how can I get my redundant product title out and replaced with “Product Information”? Much like the Classico version here http://prntscr.com/c3iryq

I’d like to see what that looks like.

Also if you can supply the code for changing the title color in ALL the breadcrumb large backgrounds to ad2121 instead of ffffff? See attached.

Please, contact administrator
for this information.

#136137 Copied
Robert Hall

Support staff

August 10, 2016 at 18:05
Hello,

1) Please clarify. Do you want to replace this title (see screenshot: http://prntscr.com/c41msn) with “Product Information”?

2) Please use this code in Global Custom CSS.
```
.breadcrumbs-type-8 .page-heading.bc-type-8 h1.title {
    color: #ad2121;
}
```
Regards,
Robert Hall
#136302 Copied
talonhead

Participant

August 14, 2016 at 13:53

Hey Robert. On question #1, yessir. Complete with the separator line as well.

http://prntscr.com/c5k664

Just like Classico’s version. And tell me what you do.

#136570 Copied

Robert Hall

Support staff

August 15, 2016 at 14:47

Hello,

Navigate to Theme Options->E-commerce->Single Product Page->Show product name above the price->off.

Regards,
Robert Hall

#136743 Copied
Viewing 16 results - 1 through 16 (of 16 total)