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

change Login background to full width image. [Solved] | Forum

Topic location: Forum home » Support » General Questions
Jordi
Jordi Jan 8 '15
Hello,


i want to change mu signin background img to a full width img. 100% width


but i cant make it to work in my css... who can help me?


and maybe someone has some good ideas for this page? something like a bigger JOIN button its very small now and when i put a html code in the lang editor it edit al join buttons...


thanks for help!!!


Jordi

The Forum post is edited by ross Jan 8 '15
ross Team
ross Jan 8 '15
First of all, one request per topic. 

Second, are you referring to the sign-in box or sign-in page background?

Jordi
Jordi Jan 8 '15
Ross,


sorry for that,, i am getting to excited ;-)


sign in page background.


thanks 

Jordi
Jordi Jan 8 '15
thanks


i found that codes all ready but i dont get it to work.

I put the in the admin css editor and nothing change. Ik have set up a background img thru the admin panel and right now its in repeat i just want it to go to full size 


sorry for if i am asking stupid questions i am googling all day all ready. 


 

ross Team
ross Jan 8 '15
Please provide your code?
Jordi
Jordi Jan 8 '15
.ow_sign_in_cont {background-image: red;position: absolute !important}


body.ow.base_sign_in{

background-color: none!important;

background-image: none!important

}


this are some code i tried and get out of the topics.

ross Team
ross Jan 8 '15
Not the code I gave you, the code you use for your website. You said you have background image there and you don't want it to repeat. 
Jordi
Jordi Jan 8 '15
Sorry i dont understand. You want the complete css code? i didnt change the background in the css i did  it thru /admin/theme just uploaded a img . 
ross Team
ross Jan 8 '15
The code you used, for the image to appear on sign-in page. What the css styles you applied if you applied any? if you did not, please attach the image here and I'll provide you the styles to use. 
Jordi
Jordi Jan 8 '15
i did not apply any code in the css 


i added the photo

Attachments:
  header.jpg (396Kb)
ross Team
ross Jan 8 '15
Jordi, first you need to upload your image here: www.site.com/admin/theme/graphics


copy the url you get, you will use it in the styles: 

body.ow.base_sign_in {background-image: url(THE URL YOU GET) !important;background-repeat: no-repeat;background-position: center;background-size: 100%;}


here's what you should get: 



The Forum post is edited by ross Jan 8 '15
Jordi
Jordi Jan 8 '15
Ok many thanks! keep up to good work!
ross Team
ross Jan 8 '15
I'm going to mark this thread as Solved
Jordi
Jordi Jan 8 '15

.body.ow.base_sign_in {background-image: url(http://theotherbook.nl/ow_userfiles/themes/theme_image_37.jpg) !important;background-repeat: no-repeat;background-position: center;background-size: 100%;}


this is what i put in to the css but nothing happens i did with and with and without the . in the front.

ross Team
ross Jan 8 '15
.body.ow.base_sign_in -there should be no dot before the body
Jordi
Jordi Jan 8 '15
yes i did it also without the dot.
Jordi
Jordi Jan 8 '15
This is how it looks 


Jordi
Jordi Jan 8 '15
I fixed it...


replace the orginal 


and 


.ow_page_wrap .ow_sign_in_cont {background-position: center !important;


in the css



Thanks

ross Team
ross Jan 8 '15
Have you managed to do what you were trying to achieve?
The Forum post is edited by ross Jan 8 '15
Pages: 1 2 »