Topic: Background on BLock Page

Is there a way to build a total background for a block page, or set background attributes like colour?

I have an image I'd like to have in the background.

Re: Background on BLock Page

Dear Flick,
Thanks for your question.
Yes, you can set the background color of a block page in "edit page" (pen icon) -> "style" -> "background"
There is no option for using an image as background in the block exposition.

Re: Background on BLock Page

A small addition:

If you really need a background image, there is a way to still have it, but you will have to use a little bit of CSS, since it is not available as a setting (yet).

You can find the box for CSS ("raw CSS") in the same dialog as page style settings. Here's an example background image CSS:

#container-weave, #container-editor {
  background-image: url("");
  background-repeat: repeat;

The background image is using a link to an image somewhere on the internet, however you could even use a local data-uri (especially if the image is small, like a repeating texture), see info here:

If you want the background image to behave in another way, please find more info here:

Re: Background on BLock Page

Thanks for the suggestions, I will look into this CSS option.

Re: Background on BLock Page

HMMM ... I don't know enough about CSS to know how to replace your CSS with my own image.  I tried replacing an image URL in there several ways but I don't know which parts of your code are  from the images host requirements vs the RC requirements.

I also have to host the image elsewhere in this mode - I can't figure out how to have the image appear using an upload to RC itself.

Re: Background on BLock Page

Aha - I figured it out.  Just had to trial and error.

I uploaded an image and embedded it on a page no one can see, then used that image location url as a link.

Re: Background on BLock Page

Hi Flick: I would not recommend re(using) RC image links (or any media links used in the RC for that matter). All RC media links have a timeout after which point they are gone (after exactly 24 hours*).

This is why I used the somewhat quirky solution with the image URI in my example. A URI cannot expire, since it is the data itself and you can put it directly in the raw CSS. There are online tools to help you create the data URI: for example

Another alternative is to host the image somewhere, and use the external URL. The problem with that is that it is often very hard to say if a image hosting platform will still be around in a x years time.

* You can recognize the timeout on a link because of the extra parameters in the url:
The e=1649236800 is seconds since Jan 01 1970. (UTC), which in this case resolves to tomorrow (