We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Replace page background pattern with image in Darklets theme. | Forum

K. W.
K. W. Sep 27 '16
I am trying to replace the page background pattern in the Darklets theme with an image. I can set an image through the admin panel however the image is repeated. I would like to have this image displayed on entire background without repeating. I know this can be accomplished through CSS, could someone point me in correct direction please?   
Darryl B Leader
Darryl B Sep 27 '16
You can try this. The background image is currently the header banner. You will have to replace that with your own image. Just place this in the custom css box for the theme in the admin panel, and add your image url between the quotation marks.

.ow_page_wrap {

    background-attachment: fixed;

    background-image: url("your image url here");

    background-repeat: no-repeat;

    background-size: 100% 100%;

}


The Forum post is edited by Darryl B Sep 27 '16
K. W.
K. W. Sep 27 '16
This worked perfect. I had to add "center center" after the image url, without doing that the background was just a dark blur. This was exactly what I was looking for, thank you.
Darryl B Leader
Darryl B Sep 27 '16
Your welcome.