I am trying to use the CSS editor to add a repeating image in the white text section of this page (Yes it is ugly, but I am trying to teach myself something)
This link should show two screenshots. https://imgur.com/a/4UGmHfl The first is the expanded editor where I have selected the background image and told it to repeat and cover.
The second image shows the visual editor where you save the work. Notice that the CSS doesn’t show a link to the image I am trying to use. Shouldn’t it remember the image I uploaded in the expanded editor? If the text is difficult to read this is what the visual editor reads.
#forbottom {
background-repeat: repeat;
background-size: cover;
}
Should it not read like this?
#forbottom {
background-repeat: url(“http://medats.org.uk/wp-content/uploads/birdrepeatorig.jpg”) repeat;
background-size: url(“http://medats.org.uk/wp-content/uploads/birdrepeatorig.jpg”) cover;
}
Hi Saragrace
Thanks for reaching out.
For interest sake, if you’d like to have the background image URL and other values in one long value, you’d need to use the shorthand
backgroundproperty.Shorthand property:
https://www.w3schools.com/css/css_background_shorthand.asp
If you’re listing the properties individually then the background image URL needs its own declaration which is
background-image.Background image property:
https://www.w3schools.com/cssref/pr_background-image.asp
It looks like you’ve found a bug. I’ll log this now, we’ll resolve it as soon as possible via an update. Thanks for letting us know about the issue.
Please, try:
#forbottom { background-image: url("http://medats.org.uk/wp-content/uploads/birdrepeatorig.jpg"); background-repeat: repeat; background-size: cover; }