Background pattern on all pages for the whole site

balsed

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

Hi,

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

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

balsed

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

balsed

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

balsed

Thank you very much.

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next