Background Image value added to CSS incorrectly by customizer

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

  • Avatar: LazyFly
    LazyFly
    Participant
    October 30, 2023 at 07:21

    Images uploaded and scaled that are then set as Background Image in the customizer are added to the background-image property in kirki-styles.css with incorrect syntax.

    E.g.

    body {
        background-image:file-name-scaled.jpg;
    }

    instead of the expected

    body {
        background-image: url("file-name-scaled.jpg");
    }

    This results in the image not loading properly.

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2023 at 16:19

    Hello, LazyFly,

    Thank you for contacting us and for using XStore.

    We’ve checked on our test site: Theme Options > Styling/Colors > Background Image and it works fine – https://prnt.sc/CIuBNAoADEem

    Please describe in more detail what exactly option works incorrectly.

    Kind Regards,
    8theme team

    Avatar: LazyFly
    LazyFly
    Participant
    October 30, 2023 at 19:02

    I’ve tried this with multiple image files of various sizes and resolutions, and it only seems to occur with one file in particular where when it is set to the background image, the CSS is added without the “URL(…)” syntax.

    Curiously, it doesn’t matter if I resave the file, change its name, or directly select the server-created scaled image. I even tried saving it as a different image file type entirely and it still exhibits this behavior.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 31, 2023 at 10:06

    Hello, LazyFly,

    How can we re-create the problem on our test site?

    Upload files on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

    Kind Regards,
    8theme team

    Avatar: LazyFly
    LazyFly
    Participant
    November 3, 2023 at 02:28

    Linked image file that is giving me trouble, thank you.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2023 at 10:54

    Hello, LazyFly,

    Thank you for your response.

    Private Content

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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