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

Background on login page change | Forum

Topic location: Forum home » Development » Themes
filip sich
filip sich Dec 18 '13
Hello, I want to ask how can I change the background on login page? I want here an image on background.




Thanks for your replies :)

The Forum post is edited by filip sich Dec 25 '13
Daniel
Daniel Dec 18 '13

Add This to your Theme-CSS on the body tag:

body{

background: url('your Image URL') no-repeat center center fixed;

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

The Forum post is edited by Daniel Dec 18 '13
filip sich
filip sich Dec 19 '13
I added the tag through the admin panel, but it has no functionality.
Attachments:
  hj.JPG (48.55Kb)
Daisy Team
Daisy Dec 20 '13
Topic was moved from Custom Code Modifications.
Alia Team
Alia Dec 24 '13
Filip, this manual will help you: http://docs.oxwall.org/overview:custom_design ( "Sign In" section).


filip sich
filip sich Dec 25 '13
It works! thank you very much!
The Forum post is edited by filip sich Dec 25 '13
Kяuncн Leader
Kяuncн Dec 30 '13

Quote from filip sich Hello, I want to ask how can I change the background on login page? I want here an image on background.




Thanks for your replies :)



.ow_sign_in_cont {
background: url("http://jezevec.net/1.jpg") no-repeat fixed left 50% / cover rgba(0, 0, 0, 0)}

.ow_sign_in_wrap form {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8)}



The Forum post is edited by Kяuncн Dec 30 '13
filip sich
filip sich Dec 31 '13
Krunch..thanks you very much!!! :)
Kяuncн Leader
Kяuncн Jan 1 '14

Quote from filip sich Krunch..thanks you very much!!! :)

Most welcome..
Lee
Lee Jan 5 '14
Does the image size matter? What px of the image should I upload?
Kяuncн Leader
Kяuncн Jan 6 '14
Not really when your using / cover with In the string, keep in mind many utilize at least a 17 inch monitor so using an image of at least 1600 X 1200px should be used, when I myself design I use a minimum size of 2400 X 1400px, per example one design I worked with/On I used a 4904 X 5764px background, using the / cover will auto adjust the background Image's size to your screen/Monitor, anything too small will become distorted/Look as shit..

/ cover
scales the background image to be as large as possible so that the background area is completely covered by the background image.
The Forum post is edited by Kяuncн Mar 18 '15
yourgoal
yourgoal Mar 8 '15
Hi,


I tried using the following code as mentioned in the docs but there is not change in the background. The background still shows white color. 


.ow_sign_in_cont {background: url("http://mysite.com/ow_userfiles/themes/theme_image_4.jpg") no-repeat}