The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Main forum BackG Image not displaying properly for all resolutions/devices

View previous topic View next topic Go down

Main forum BackG Image not displaying properly for all resolutions/devices

Post by apaosha on November 4th 2015, 10:00 am

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Other
Screenshot of problem : https://i21.servimg.com/u/f21/18/99/54/85/screen10.png
Who the problem concerns : A few members
When the problem appeared : Today
Forum link : ( link is hidden, you must reply to see )

Description of problem

This image: http://s21.postimg.org/70d6hqy05/bg_wide.png
... I have set as the main background for my forum, however it does not display at all for some users, while others including myself can see it properly.

My screen resolution is 1920x1080 and the other users who can see it also have this resolution, while the users who can't have a different resolution. So I presume this is the problem.
Although some who can't see it are using mobile/macbook air, so it may be device-related as well.

I've googled this issue fairly extensively and seen a number of potential fixes on this forum, but none of them that I've tried have worked.

My forum's CSS:

Code:
body {
   background-image: url("http://s21.postimg.org/70d6hqy05/bg_wide.png");
   background-repeat: no-repeat;
     background-size:100% !important;
   background-color: #e0e0e0;
   cursor: ;
   }

I've tried adding the following in various combinations as well, to no avail:
background-position: center center;
background-attachment: fixed;
.panel.introduction .mes-txt img { width:80% }

I'd appreciate any help or info as to whether this is solvable.

apaosha
New Member

Posts : 7
Reputation : 0
Language : English

Back to top Go down

Re: Main forum BackG Image not displaying properly for all resolutions/devices

Post by SarkZKalie on November 4th 2015, 10:07 am

Just wanna know your forum url héhé

Try this
Code:
body {
    background: url("http://s21.postimg.org/xy73jhin9/bg_wide.png") #e0e0e0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Main forum BackG Image not displaying properly for all resolutions/devices

Post by apaosha on November 5th 2015, 8:53 am

Hello, thanks for the reply.

I tried that, it didn't work. As far as I can see, the bg just doesn't display at certain resolutions and devices. Is it just not compatible?

Or are there other things I could try?

Example screenshots from members:
http://i.imgur.com/f9jVxLg.png
https://i21.servimg.com/u/f21/18/95/24/61/screen11.jpg

Android, Macbook Air, various resolutions.

How I see it:
http://s17.postimg.org/7z686psmm/Fire_Shot_Screen_Capture_073_Know_Thyself.jpg
I'm PC, 1920x1080 and it works for me, as well as others with a similar set up

The CSS now looks like this:

Code:
body {
   background-image: url("http://s21.postimg.org/70d6hqy05/bg_wide.png");
   background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
   background-color: #e0e0e0;
   cursor: ;
   }

apaosha
New Member

Posts : 7
Reputation : 0
Language : English

Back to top Go down

Re: Main forum BackG Image not displaying properly for all resolutions/devices

Post by SarkZKalie on November 5th 2015, 9:22 am

Replace your image url by this http://i.imgur.com/xnjRmKg.png

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Main forum BackG Image not displaying properly for all resolutions/devices

Post by apaosha on November 6th 2015, 1:37 pm

That seems to have worked, thanks.

Can you tell me exactly what difference having it hosted on imgur made? Was the other site not compatible with forumotion or something?

apaosha
New Member

Posts : 7
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum