This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

What am I doing wrong here?

Open 1 reply pluginplugin-siteorigin-csstechnical
Saragrace Knauf
5 years ago · Last reply by Andrew Misplon 5 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 5 years, 4 months ago

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

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread