Return to previous page

Background Image value added to CSS incorrectly by customizer

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

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.
#371972 Copied Theme version: 9.2.2
5 Answers

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

#372035 Copied

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.

#372053 Copied

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

#372091 Copied

LazyFly

Participant

November 3, 2023 at 02:28

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

Please contact administrator
for this information.

#372397 Copied

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.

#372431 Copied
Tagged: correcting woocommerce css values, customizer error in wordpress, fixing background image issue, troubleshooting woocommerce background image, woocommerce css customizer error, wordpress templates customization
Viewing 6 results - 1 through 6 (of 6 total)