Split background

[Noche]

Hello!

Is there a way to either split the background into 2 pieces or have 2 seperate background images?

Explanation:

I work on a wide screen, however the background image I want for my site is a little narrow - i want the background split into two pieces with a color in the middle, preferably a different width for each resolution. Like on my screen the width in the middle would be 800px, but on tablet the picture might fit perfectly.

I can split the image my self but is there a way to have a left and a right background image? It's been years since I last worked with proboads

Kind Regards

[elli]

You can have multiple backgrounds using CSS by separating values with commas. I think this would accomplish what you're after:

body {
  background-color: #fff;
  background-image:
    url('http://domain.com/left-image.jpg'),
    url('http://domain.com/right-image.jpg');
  background-position:
    left top,
    right top;
  background-repeat:
    repeat-y,
    repeat-y;
}

Just update the background color to your preferred color and URLs to the images you want to use. Add this to your forum's stylesheet in Admin > Themes > Advanced Styles & CSS > "Style Sheet". You can either append this to the existing body selector, or add it to the very bottom of the stylesheet to overwrite existing body styles.

Let me know if you have any questions.