Return to previous page

Background image for breadcrumbs do not cover

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

danny

Participant

June 10, 2022 at 12:08
Hi:

For some pages i need a background image for breadcrumbs as a header.
The thing is that as the website content is boxed (exactly how i want) the breadcrumbs are also boxed.

I applied the following css code in order for the breadcrumb to become fullwidth (and it works):
```
.page-heading .container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100% !important;
}
```
Issue here is that background image do not cover the entire section.
Even if the image does not have the dimensions, it should cover fit.

How do i accomplish that?
Screenshots:
https://ibb.co/Ttg7dGg
https://ibb.co/M2nGND5

Thanks.
#325610 Copied Theme version: 8.2
4 Answers

Olga Barlow

Support staff

June 10, 2022 at 12:15

Hello,

You need to set the bg image size to cover in the Breadcrumbs settings (Theme Options > Breadcrumbs). Or provide us with WP Dashboard access and we’ll check the issue.

Regards

#325611 Copied

danny

Participant

June 10, 2022 at 12:23

Thanks. The thing is that i only want to implement that on category pages, so the image is being added through the category setting:

Product categories > “Custom page heading image for this category”

So I don’t think that will work.
Credentilas sent

Please contact administrator
for this information.

#325615 Copied
Olga Barlow

Support staff

June 10, 2022 at 13:10
Hello,

I have added the below code to Theme Options > Custom CSS
```
.page-heading{
    background-size: cover;
}
```
Check now.

Regards
#325618 Copied
danny

Participant

June 10, 2022 at 13:12

That’s it. Thanks!

#325620 Copied
Tagged: background image, breadcrumbs, cover, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Background image for breadcrumbs do not cover’' has been successfully resolved, and the topic is now closed for further responses

Background image for breadcrumbs do not cover

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection