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

Centering main banner on nitrino - nitrino | Forum

Adam Clark
Adam Clark May 6 '17
Very new to CSS. Looking for a way to code our header background image to be centered but have no idea what to code. 


Please help.

ross Team
ross May 7 '17
Hello Adam, 


I will need your domain to provide you exact styles. 

ross Team
ross May 11 '17
Hello Adam, 


You cannot control images that you upload via theme customizer if they are of not proper size. Please restore default image and upload your image to the images folder (in the theme folder) instead of current one: space.jpg

Then we'll be able to place your image right in the center. Let me know when you do that. 

Adam Clark
Adam Clark May 16 '17
So I have uploaded an image but I can't get it so it still looks good when the site resizes and the top of the image goes off the edge when at widescreen resolutions.


Is there a way so it can be fit to the viewable window rather than the whole page?

The Forum post is edited by Adam Clark May 16 '17
ross Team
ross May 18 '17

.ow_header_pic {

    height: 300px;

    background-size: contain;

    background-position: 0px 0px;

}


on line 6432 of base.css for smartphones


you need to adjut position for background-position



the same here on line 7102 for tablets


.ow_header_pic {

    height: 300px;

    background-size: contain;

    background-position: 0px 0px;

}


You do not have permission to reply this topic