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 image for join page [Solved] | Forum

Topic location: Forum home » Support » General Questions
Luke Tansley
Luke Tansley Nov 17 '12
Hi,

Is there anyway to insert a background image on the join page - so that the sign up box is on top of the image? If so could someone please tell me the code?

If it is impossible to make the image the background, are you able to have it below the sign up table or to the side.  I tried the code in http://www.oxwall.org/forum/topic/5145 but I couldn't get it to work.

Could someone please help me?

Thanks,

Luke


The Forum post is edited by Taissa Mar 30 '15
Alia Team
Alia Nov 19 '12
Luke, try adding background into the block decorator styles in join_index.html (ow_systemplugins/base/view/controllers).  Something like: style="background-image:url(ow_static/themes/youractivethemenamehere/images/yourpicturenamehere.png)" .

Please note that any changes you do in .html files will be erased if you update the software. Make a copy of the original file and save it somewhere before editing to back yourself up.
Luke Tansley
Luke Tansley Nov 21 '12
Hi Aliia,

Sorry about the late reply.

I can't get that to work, so I've go a different route and have created an about page to be my first / landing page.

However I've set it to be visible to guests (so the button in admin is red)but go onto the website it only shows the sign in page, whereas with the join page its got exactly the same settings and it works?

Any suggestions please?

Thanks,

Luke


Luke Tansley
Luke Tansley Nov 21 '12
No worries, fixed the last problem!
Krishnakumar
Krishnakumar Oct 3 '14

I need a help. I changed the privacy settings to "Guests can view the site to NO". Now when a person is typing my website 'poortraveller.com' the sign up page is coming as shown in the attached file. I want to change the background of this page to a full screen image. How can I do that?

Thanks in Advance,

KK

Attachments:
  landing-page-signup.jpg (99Kb)
Kяuncн Leader
Kяuncн Oct 5 '14

Quote from Krishnakumar

I need a help. I changed the privacy settings to "Guests can view the site to NO". Now when a person is typing my website 'poortraveller.com' the sign up page is coming as shown in the attached file. I want to change the background of this page to a full screen image. How can I do that?

Thanks in Advance,

KK


Make sure image is at least 1900 X 1200

.ow_page_wrap .ow_sign_in_cont {
background: url("/IMAGE.PNG") no-repeat fixed 50% 50% / cover rgba(0, 0, 0, 0)}

depending on your theme you may have to add the !important rule as follows:

.ow_page_wrap .ow_sign_in_cont {
background: url("/IMAGE.PNG") no-repeat fixed 50% 50% / cover rgba(0, 0, 0, 0) !important}

The Forum post is edited by Kяuncн Oct 5 '14
Kяuncн Leader
Kяuncн Oct 5 '14

Quote from Chris_W Thanks for that. I also have:

.ow_sign_in_wrap form {background: url("/IMAGE.PNG") no-repeat !important;}

Which will do the sign in box background.

Have them both set @ http://nellbrydenfans.com/sign-in

Yes but can tell image was originally smaller then enlarged, can see a-lot of digital noise, just for shits n giggles try this image and will see a huge difference in crispness,

http://freebornphotography.files.wordpress.com/...9gavinfreeborn-2.jpg

.ow_page_wrap .ow_sign_in_cont {
background: url("http://freebornphotography.files.wordpress.com/...9gavinfreeborn-2.jpg") no-repeat fixed 50% 50% / cover rgba(0, 0, 0, 0) !important}

Two different images attached, both are good...
The Forum post is edited by Kяuncн Oct 5 '14
Attachments:
  c2a9gavinfreeborn-2.jpg (4483Kb)
  c2a9gavinfreeborn-1.jpg (4143Kb)
Kяuncн Leader
Kяuncн Oct 5 '14
.ow_sign_in_wrap h2 {
background-color: rgba(33, 43, 53, 0.98);
background-image: url("http://nellbrydenfans.com/...s/theme_image_85.png")}

.ow_sign_in_wrap form {
background-color: rgba(33, 43, 53, 0.98)}
Kяuncн Leader
Kяuncн Oct 5 '14

Quote from Chris_W Cheers,

That's a better image. Have also done away with the box background so the image shows through.

Is there a way to change the level of transparency of the box?

Also added a 2nd image, just in case you hadn't noticed I edited the sign-in background image issue, there both from the same performance. (This way you can change them out once and a while if you want...



Attachments:
  c2a9gavinfreeborn-1.jpg (4143Kb)
Kяuncн Leader
Kяuncн Oct 5 '14
Looks great,...
Kяuncн Leader
Kяuncн Oct 5 '14
I agree, user friendly
requires little knowledge, well unless your looking for major custom changes but then again, yes, most anything you want to implement can be found here at the Forum, if it's not here then really it's a matter of asking, I myself give Ross HUGE kudos for his knowledge of the Oxwall script and most importantly his eagerness to solve Oxwallers issues, he goes above and beyond the call of duty and from what I can tell he does this with the utmost of patience, not an easy task I assure, he pulls it off with what seems the greatest of ease.
The Forum post is edited by Kяuncн Oct 5 '14
Kяuncн Leader
Kяuncн Oct 5 '14
LoL
ross Team
ross Oct 6 '14
Krishnakumar, have you resolve your issue with the provided instructions?
Krishnakumar
Krishnakumar Mar 21 '15
@Krunch, @ross Sorry for delay in response. I have inserted those codes in join_index.html but not worked. Let me know in which file I have to insert those codes. (I have wrapped poortraveller.com with oxwall. Doing polydate.net with Oxwall. Now few members are there:) Kudos to Oxwall. Getting members are important than look... see craiglist)


@Chris_W, nicely done the landing page. 


@Tammy, you always redirect people to your website. That make everyone to stop discussing in this forum. It would be great if you can discuss here + ask people to read your website.
Quote from Kяuncн
Quote from Krishnakumar

I need a help. I changed the privacy settings to "Guests can view the site to NO". Now when a person is typing my website 'poortraveller.com' the sign up page is coming as shown in the attached file. I want to change the background of this page to a full screen image. How can I do that?

Thanks in Advance,

KK


Make sure image is at least 1900 X 1200

.ow_page_wrap .ow_sign_in_cont {
background: url("/IMAGE.PNG") no-repeat fixed 50% 50% / cover rgba(0, 0, 0, 0)}

depending on your theme you may have to add the !important rule as follows:

.ow_page_wrap .ow_sign_in_cont {
background: url("/IMAGE.PNG") no-repeat fixed 50% 50% / cover rgba(0, 0, 0, 0) !important}


tammy harris
tammy harris Mar 22 '15

Quote from Krishnakumar BACKGROUND IMAGE FOR JOIN PAGE
before you have a winge about some one  find the facts out fist so you dont come across as an idiot
its not my website where does it say is owned by me 

and second it has the answer to the original question 
Krishnakumar
Krishnakumar Mar 24 '15
:) dont get angry. I have gone through many of your posts. Hence I felt. That website is owned by a expert from Nigeria but never seen him in Oxwall forum. It's common SEO trick that using a female profile in forums or FB and attracting the mentioned 'idiots' to the site. I am not denying that the website owner is an expert in Oxwall.
Quote from Tammy
Quote from Krishnakumar BACKGROUND IMAGE FOR JOIN PAGE
before you have a winge about some one  find the facts out fist so you dont come across as an idiot
its not my website where does it say is owned by me 

and second it has the answer to the original question 

tammy harris
tammy harris Mar 24 '15
i have seen him post her on mods and fixes 
tammy harris
tammy harris Mar 24 '15
and trust me i am no expert 
Taissa Team
Taissa Mar 25 '15
Krishnakumar, to change the background colour and paste the CSS code  previously provided  by @Kяuncн via the Admin panel > Appearance > Edit Theme > “CSS” tab.

The Forum post is edited by Taissa Mar 25 '15
Pages: 1 2 »