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 do I change the background of the initial sign in/sign up page | Forum

Topic location: Forum home » Support » General Questions
Doug
Doug Aug 8 '14
That generic sign in/sign up page (the first page anyone sees) is pretty dull and boring in its original style.
I've been reading forum messages and google information for 2 hours now and have gotten no where.
I PRIMARILY want to add an IMAGE in the sign in/sign up page to give is splash of color! But frankly, I have yet to figure out how to do this. Currently using "My diary" theme.
Doug
Doug Aug 9 '14
Anyone?
Doug
Doug Aug 9 '14
I have read so much information on how to edit the landing page/signup page, or simply the FIRST PAGE you come to when you enter the website that Oxwall built. But I've tried everything suggested..some of the suggested, can't find the files, others, put in..nothing happens.

Do you really have to be a coder to do this? I just want to do something simple. Please, if someone can tell me WHERE in the CSS file for mydiary can I find the line to edit to allow a placement of an image on the landing page/join page, I REALLY WOULD APPRECIATE IT!
tammy harris
tammy harris Aug 10 '14
ow_system_plugins/base/views/components/sign-in.html css is done in admin themes
Doug
Doug Aug 10 '14
Thank you for your reply. The only problem is when I look at your solution above, that line does NOT show up in my css file. Or is is something I just ADD to my css file? (I've seen this solution before and could not find it in my css file either then.
Doug
Doug Aug 10 '14
I went to the index.html file in the location you posted and changed it to my customized page and put up all needed files for it to show. I also change dev_mode to true..refreshed my browser and now I get this error:Error 500
Internal Server Error.

Any ideas why this is happening?
Doug
Doug Aug 10 '14
I'm so used to working with index.html that when I brought MY theme over, I deleted the sign-in.html file (though I had saved that file), and just had an index.html file in there.
Well, that was obviously MY error. So I just deleted the index.html that I had brought over and reput t he ORIGINAL sign-in.html file in that directory, but still get the error 500 internal server error message.
Doug
Doug Aug 10 '14
Chris, when I put in my site with /admin/theme I just still end up at the sign in page. So I'm VERY curious how you got to Theme settings tab Scroll down to "General Settings"

I've found out you CANNOT tamper with the ow_system_plugins/base/views/components/sign-in.html file, so WHERE do you find this file you CAN edit? I've LOOKED for it in edit themes,  under the css file but can't find it there so I'm stumped.  Yes, I'm OBVIOUSLY a newbie! grin
tammy harris
tammy harris Aug 10 '14
You can add anything u want to the sign in html 

Use inspect element to find the css codes 

After any changes use dev mode or cashe cleaner

The Forum post is edited by tammy harris Aug 11 '14
Doug
Doug Aug 11 '14

Quote from Tammy You can add anything u want to the sign in html 

Use inspect element to find the css codes 

After any changes use dev mode or cashe cleaner

Yeah, I know about dev_mode, making it true and not false.
Now I just have to find out what "inspect element" is. Ok..googled that and what you mean is simply looking at the actual wording in sign_in.html
I know how to do that. What I DON'T know how to do is WHERE in that code I can put a simple command like show an image on the sign in page. How should it be worded? Should it have the <html> tags of the php tags {pap} with what you insert. If SOMEONE could just take the sign_in.html and SHOW ME HOW I insert an image in that .html file, I would be EVER SO GREATFUL!
Doug
Doug Aug 11 '14

Quote from Chris_W You need to be logged in as a site "admin" to get to /admin/theme you can log in @ yoursite.com/sign-in then go to /admin/theme

I am in the admin dashboard right now. I CANNOT find "General Settings" for themes where you can set sign in background colors or sign in logo. I see that wording nowhere in my admin dashboard.
Quote from Chris_W You need to be logged in as a site "admin" to get to /admin/theme you can log in @ yoursite.com/sign-in then go to /admin/theme

ross Team
ross Aug 11 '14
Choose appearance/edit theme you 'll see there the General Settings section
Doug
Doug Aug 11 '14

Quote from ross Choose appearance/edit theme you 'll see there the General Settings section

All there is in General Settings under "themes" on my dashboard is how to change the site ONCE YOU'RE INSIDE. Still can't find where it says anything about sign in page. Captured everything that is under my general settings under themes:
FontDefaultArial, Helvetica, sans-serifTimes New Roman, Times, serifCourier New, Courier, monospaceGeorgia, Times New Roman, Times, serifVerdana, Arial, Helvetica, sans-serifGeneva, Arial, Helvetica, sans-serif
Font size
Mobile logoReset
Page background imageReset
Page header imageReset
Page promo imageReset

2. Colors- Links 
- Text 
- Titles 
Menu text color 
Numeric values 

ross Team
ross Aug 11 '14
You can change the sign-in page background by adding these CSS styles in the theme customizer: 


.ow_sign_in_cont {background: red;position: absolute !important}


as to the join page I believe this is a custom code modification, you will need to contact theme developer to assist you with that. 

Doug
Doug Aug 12 '14

Quote from Tammy You can add anything u want to the sign in html 

Use inspect element to find the css codes 

After any changes use dev mode or cashe cleaner


Tammy, could you write up a simple line for an image ..just use test.jpg in the script and show me WHERE in the sign in script it should be put. I'm sorry to keep bothering you but you have given me the best information so far.
ross Team
ross Aug 12 '14
Doug 


I gave you the styles already


use instead of background  -  background-image

Doug
Doug Aug 12 '14
Ross I appreciate your help. But I think you think I am a programmer which I am not.
For example I am sure YOU understand what you posted:You can change the sign-in page background by adding these CSS styles in the theme customizer:

.ow_sign_in_cont {background: red;position: absolute !important}


"theme cutomizer"??


BUT, I don't want to change the background color (I know how to do that.) I am trying to put in a logo/image on the sign in page.

Quote from ross Doug 


I gave you the styles already


use instead of background  -  background-image


ross Team
ross Aug 13 '14
I'm sorry, I can't give the instructions any clearer. Instead of background, use background-image: path to the image and then align your image, see here: https://www.google.ru/?gws_rd=ssl#newwindow=1&q=background+image+position


Theme customizer is here: www.domain.com/admin/theme/css

sousou
sousou Aug 13 '14
i have tried this and it is awesome
http://www.ewtnet.com/...sign-in-page-in.html
Pages: 1 2 »