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

Static background image. | Forum

Chris_W
Chris_W Jan 21 '18
Does anyone know why this doesn't work in the Facebook Go Dark - Responsive theme? Image exists and displays at the given url, but doesn't display on the site, the default image remains.


.ow_page_wrap {background-image: url("/ow_userfiles/themes/theme_image_18.jpg");

min-height: 100%;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;background-size: cover;}

The Forum post is edited by Chris_W Jan 21 '18
Darryl B Leader
Darryl B Jan 21 '18
The theme doesn't have the .ow_page_wrap.  Try using .ow_page_container
Chris_W
Chris_W Jan 21 '18
Many thanks, working now :-)
Chris_W
Chris_W Jan 21 '18
Hmm, spoke to soon. It displays but isn't static or centred or anything else the part in italics seems to have no effect.


.ow_page_container {background-image: url("/ow_userfiles/themes/theme_image_18.jpg");

min-height: 100%;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

background-size: cover;

Chris_W
Chris_W Jan 21 '18
Strangely if I remove the code from custom css and add it to the base.css file it works.
Darryl B Leader
Darryl B Jan 21 '18
If you uploaded the image in the admin panel graphics, you would have to use the full url for the image by clicking on the "copy url" under the image.

I just tried it this way, and it works. The image does go under the side menu. To fix that use.
background-position: 200px center; "This will work for desktop but not mobile. It will need to just be center for mobile without the 200px offset"


The Forum post is edited by Darryl B Jan 21 '18
Chris_W
Chris_W Jan 21 '18
It doesn't work, the image displays but none of the following instructions have any effect when placed in custom css, but they do work if base.css is modified.

It seems custom css is respecting the call for the image, but then ignoring everything else. As can be seen, the image url is correct but the display instructions are from the original base.css file


Darryl B Leader
Darryl B Jan 21 '18
Not sure. This is what I put in the custom css in the admin panel, and all works.

.ow_page_container {
    background-image: url("http://mysite.com/...s/theme_image_82.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}