[Resolved] Urgent! Hero custom background image doesn't work.

Home Forums Support Urgent! Hero custom background image doesn't work.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1093592
    Md

    I have tried lots of time to add a custom background image for the home hero (font page and others page/post as well). But seems like it doesn’t go through or not working at all.

    I have changed the display rules & location to figure it out what’s wrong with it still could not find any solution.

    #1093606
    Jamal

    Hi

    Would you kindly check that you have no background color set or if you are able take a screenshot of your setting so the forum stuff can help you faster.

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #1093624
    Md

    Sorry for that I forgot to upload. Here are the images please check.
    https://ibb.co/zRFwnJs
    https://ibb.co/TYk57Rc

    #1093660
    Leo
    Staff
    Customer Support

    Hi there,

    Remove this CSS in Additional CSS field in the customizer:

    .page-hero.gradient {
        background-image: linear-gradient( 145deg, transparent 0%, rgba(255,255,255, 0.5) 100%);
        max-width: 1440px;
        margin: auto;
    }

    Let me know if this helps 🙂

    #1093725
    Md

    Hi, Leo

    I have removed that CSS code from the additional CSS file. Yes, the background image is visible now, but again the result is not similar which I expecting. Seems like the BG image hasn’t the same size it was before.

    Please visit the site and see the attached images.
    https://ibb.co/r6WdQCJ
    https://ibb.co/hByb2JL

    #1093726
    Leo
    Staff
    Customer Support

    So you want it to be the same width before without the background image?

    If so add this CSS back in:

    .page-hero.gradient {
        max-width: 1440px;
        margin: auto;
    }
    #1093733
    Md

    Got it. Thanks

    #1093734
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.