Home>Support>What am I doing wrong here?

What am I doing wrong here?

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)

24.9.2020 Member Notification

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;
}

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 25 days, 23 hours ago Andrew Misplon Hi, I Work Here

    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 background property.

    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;
    }
    
Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More