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.

Small background issue

View previous topic View next topic Go down

Solved Small background issue

Post by BASSLovah1 on June 14th 2014, 8:07 pm

I would like the background to scroll with the page, not duplicate. I'm currently using this CSS for the background:
Code:
body {
 background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
}


my forum link is :http://rospeedition.foroactivo.com/

Thank you


Last edited by BASSLovah1 on June 15th 2014, 4:08 pm; edited 1 time in total

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by SLGray on June 14th 2014, 8:17 pm

Add this to your code:
Code:
background-attachment: scroll;


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 14th 2014, 8:24 pm

The code looks like this now:

Code:
body {
  background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
  background-attachment: scroll;
}


but the background is still repeating.

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by SLGray on June 14th 2014, 8:29 pm

Try this:

Remove the code and add the image's URL here -

Administration Panel > Display > Pictures & Colors > Pics Management
Advanced Mode
General/Index Tab
Add the image's URL to the background box and check the fixed box.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 14th 2014, 8:36 pm

Well I actually had this issue before, where even if I added the background to Pics Management, it wouldn't show, so I had to add that CSS for it. Now that I removed the CSS, I have a black background, and the picture is added to Pics Management

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by SLGray on June 14th 2014, 8:37 pm

Ok, undo the changes, please.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 14th 2014, 8:41 pm

CSS code added back to the stylesheet

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by AShoey on June 14th 2014, 10:52 pm

I need help with my forum. I need a lot of stuff changed and I am still confused on the admin panel

AShoey
New Member

Posts : 1
Reputation : 1
Language : English

http://g-k-a.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by Sir Chivas™ on June 14th 2014, 11:24 pm

@BASSLovah1 wrote:CSS code added back to the stylesheet

Add this into the code above:
Code:
background-repeat: no-repeat !important;

@AShoey wrote:I need help with my forum. I need a lot of stuff changed and I am still confused on the admin panel

Hi,

Please open your own thread, and I'll be more glad to help you with any questions or problems you're having. Thank you.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 15th 2014, 5:18 am

The background is not repeating anymore but it's not scrolling either.

Code:
body {
  background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
}

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by SLGray on June 15th 2014, 3:12 pm

Code:
body {
background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
background-repeat: no-repeat !important;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 15th 2014, 3:32 pm

Changed it but background is not scrolling.

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by SLGray on June 15th 2014, 3:34 pm

Code:
body {
background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 15th 2014, 3:37 pm

@SLGray wrote:
Code:
body {
background-image:url(http://i.imgur.com/9GUb8mo.jpg) !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
}

I tried adding !important to the scroll line aswell, but there's no change. Tried it now once again but still no change. Should I post here my entire css to see if there is some kind of code blocking the background to scroll?

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by Jophy on June 15th 2014, 4:06 pm

Hello,

Remove the previous codes and try this code:

Code:
body {
background: url('IMAGE URL HERE') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Small background issue

Post by BASSLovah1 on June 15th 2014, 4:07 pm

Thank you Jophy, that made it work.
Thanks to everybody else for the help aswell.

Cheers Very Happy

BASSLovah1
Forumember

Posts : 43
Reputation : 1
Language : Romanian - English - Spanish

http://rospeedition.foroactivo.com/

Back to top Go down

Solved Re: Small background issue

Post by Jophy on June 15th 2014, 4:09 pm

Smile

Solved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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