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

HOW CAN I CUSTOMIZE MY LOGIN BACKGROUND ? | Forum

Topic location: Forum home » Development » Themes
Frank Z
Frank Z Oct 13 '14
I use the code to my CSS and change the URL but It doesn't work... The background still look blank.


CODE:

.ow_sign_in_cont { background:url("http:/sitename.com/ow_userfiles/themes/theme_image_29.png") repeat; 

Kяuncн Leader
Kяuncн Oct 13 '14
Entire background or sign in block?
Kяuncн Leader
Kяuncн Oct 13 '14
Entire background:
body.ow.base_sign_in {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat fixed 50% 50% #fff !important}

Sign-In block:
.ow_sign_in_wrap form {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat scroll 50% 50% / 100% 100% #fff !important}

These codes will be inserted at:
http://weizhaiyou.com/admin/theme/css
at "Edit CSS" input
Frank Z
Frank Z Oct 13 '14

Quote from Kяuncн Entire background:
body.ow.base_sign_in {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat fixed 50% 50% #fff !important}

Sign-In block:
.ow_sign_in_wrap form {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat scroll 50% 50% / 100% 100% #fff !important}

These codes will be inserted at:
http://weizhaiyou.com/admin/theme/css
at "Edit CSS" input
Thank you ! :) It works.

And could you show me the code for how to change the font color in the login page please ?

Frank Z
Frank Z Oct 13 '14

Quote from Frank Zhang
Quote from Kяuncн Entire background:
body.ow.base_sign_in {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat fixed 50% 50% #fff !important}

Sign-In block:
.ow_sign_in_wrap form {
background: url("/ow_userfiles/themes/theme_image_29.png") no-repeat scroll 50% 50% / 100% 100% #fff !important}

These codes will be inserted at:
http://weizhaiyou.com/admin/theme/css
at "Edit CSS" input
Thank you ! :) It works.

And could you show me the code for how to change the font color in the login page please ?

Never mind! I found it :)
Kяuncн Leader
Kяuncн Oct 14 '14
No problem...
Just a bit of constructive criticism/Help if you will, try using the re-worked code as follows:

body.ow.base_sign_in {
background: url("/ow_userfiles/themes/theme_image_33.jpg") no-repeat fixed 50% 50% / 100% auto #fff !important}

This will allow the background image to show in it's entirety no-matter what size the persons browser, right down to a mobile browser, also no real need to insert your site url of "http://weizhaiyou.com" w/In the background code,,, Just as I have it will do the trick, enjoy...

Regards
-Krunch
Frank Z
Frank Z Oct 14 '14
Thank you :)
Kяuncн Leader
Kяuncн Oct 15 '14

Quote from Frank Zhang Thank you :)

body.ow.base_sign_in {
background: url("/ow_userfiles/themes/theme_image_33.jpg") no-repeat fixed 50% 50% / 100% auto #fff !important}

Your welcome...
The Forum post is edited by Kяuncн Oct 15 '14