Background pattern on all pages for the whole site

balsed · November 2015

I am using a wide layout. I would lke to put a background pattern on all my pages (not behind), with a PNG file we have in the media library. (In fact your Yoga Bg pattern)

Is there a CSS instruction I could use in the custom CSS section ?

I am not using Muffin builder

Thank you for your answer.

Best Rgds

Albert · November 2015

Hi,

please send us url to page where you want to change content background and we'll see if it's possible.

Thanks!

balsed · November 2015

It is still a draft site ! I managed to have a background pattern on each page with visual composer, but I have to do it for each page : example of page with the bg pattern : http://micro-diffusion.com/site9/ and without : http://micro-diffusion.com/site9/revue/

I would be happy to have some CSS to add in the general options.

Thank you for your help !

Albert · December 2015

Ok. So to set background pattern for the content area, you can use below css:

#Content { background-image: url('#') !important; }

balsed · December 2015

it works perfectly, thanks.

Another related question, if the image chosen for the content background was not a pattern but a big image, what would be the CSS to prevent the image to be repeated horizontally and vertically ?

Thank you very much for your help !

Albert · December 2015

You can use background-repeat: no-repeat attribute. More details about this css property you can read on http://www.w3schools.com/cssref/pr_background-repeat.asp

balsed · December 2015

Thank you very much.

Albert · December 2015

You're welcome

Background pattern on all pages for the whole site

Comments

This website uses cookies