Background image for breadcrumbs do not cover

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

  • Avatar: 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.

    4 Answers
    Avatar: Olga Barlow
    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

    Avatar: danny
    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.
    Avatar: Olga Barlow
    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

    Avatar: danny
    danny
    Participant
    June 10, 2022 at 13:12

    That’s it. Thanks!

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.