The background image of my forum repeats itself all over. How can I fix it?

Go down

In progress The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 17th 2018, 6:01 am

How do I make it all one image and not alot of repeating pictures? http://alohaspirit.forumotion.com/forum

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mpelmmc on September 17th 2018, 7:41 am

Hello @mialink

That depends on what part of the forum you want to do it. May you please tell us where do you want to do this? If you need to do screenshots in order to explain yourself don't hesitate to do so Wink

Best regards.



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 895
Reputation : 137
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 17th 2018, 7:53 am

@mpelmmc wrote:Hello @mialink

That depends on what part of the forum you want to do it. May you please tell us where do you want to do this? If you need to do screenshots in order to explain yourself don't hesitate to do so Wink

Best regards.
Just the main page you can see the background img how its in a bunch of boxes and not one big picture

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mpelmmc on September 17th 2018, 8:10 am

Hello,

Add this to your CSS:
Code:
body {background-repeat: no-repeat;}

This way only one image will show. However, you'll need to find an image large enough so it fulfills the whole forum. You can as well add the following to the code so the image will cover the whole forum, but it might look weird:
Code:
    background-size: cover;

I have edited your topic title so it will be easier to find in the Search bar Wink

Best regards Smile



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 895
Reputation : 137
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by SarkZKalie on September 17th 2018, 8:39 am

@mialink you mean a body background? I'd recommend you to use as less image as possible or in case you still wanna put a background image, then add this to your CSS
Code:
body {
background: url('image-link.jpg') no-repeat fixed center/cover;
}
Background image won't repeat, center and auto scale depending on screen size


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 968
Reputation : 159
Language : English

http://rotavn.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 17th 2018, 3:29 pm

That didn't work. I do appreciate your help.

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by System32 on September 17th 2018, 3:49 pm

@mialink Most of them seems to understand what you mean, but I do not understand what you want to do. Do you want to make main background of the forum not repeating or you want something else? Please be more specific.
avatar
System32
Forumember

Male Posts : 59
Reputation : 10
Language : Serbian,English

http://paganism.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by Jadster on September 17th 2018, 3:55 pm

@mialink wrote:That didn't work. I do appreciate your help.

Hey mialink!
Can you try this code in your CSS and see if it will fix it?

Code:
body {
background: url('https://i.servimg.com/u/f63/14/99/32/60/beach211.jpg') no-repeat fixed center/cover; !important
}

It is just an edit of what @SarkZKalie gave you.

Hope this helps!

Cheers,
James
avatar
Jadster
Trial Reviewer
Trial Reviewer

Male Posts : 242
Reputation : 32
Language : English
Location : Omaha, NE

http://adminvortex.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 17th 2018, 4:16 pm

No it Confused didn't work

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by System32 on September 17th 2018, 4:17 pm

@mialink wrote:No it Confused didn't work
Again, what you want to do. Please be more precise.
avatar
System32
Forumember

Male Posts : 59
Reputation : 10
Language : Serbian,English

http://paganism.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 17th 2018, 4:27 pm

Did you see how the picture in the background looks? Its repeating itself, needs to be one big image. I even tried a larger image and it still repeats. I changed the width of the forum, it helped a little. The leaves are suppose to be showing.


Last edited by mialink on September 17th 2018, 6:22 pm; edited 1 time in total

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by Jadster on September 17th 2018, 4:31 pm

@mialink wrote:No it Confused didn't work

Did you add the background image using CSS or did you add it through the image gallery in the Admin Panel?
avatar
Jadster
Trial Reviewer
Trial Reviewer

Male Posts : 242
Reputation : 32
Language : English
Location : Omaha, NE

http://adminvortex.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by System32 on September 17th 2018, 4:35 pm

Pick one image from: Free Stocks
Then, when you opoen image, do not download, right click on image address. Go to css:
Do this in body:
Code:
body {
background-image: url("https://images.pexels.com/photos/691574/pexels-photo-691574.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
repeat:no-repeat;
background-size: cover;
background-position: 50% 50%;
}
avatar
System32
Forumember

Male Posts : 59
Reputation : 10
Language : Serbian,English

http://paganism.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by APE on September 17th 2018, 6:06 pm

Find:
Code:
body {
    background-attachment: fixed;
    background-color: #c7c7c7;
    background-image: url(https://i.servimg.com/u/f63/14/99/32/60/beach214.jpg);
}

Replace with:
Code:
body {
    background-attachment: fixed;
    background-color: #c7c7c7;
    background-image: url(https://i.servimg.com/u/f63/14/99/32/60/beach214.jpg);
    background-size: 100% 100%;
}

The background looks really bad as the image is really small and to stretch it make it go all pixilated

screen shot of your forum with this code added



avatar
APE
Administrator
Administrator

Male Posts : 13401
Reputation : 1422
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by SLGray on September 17th 2018, 8:11 pm

Was the background image added by CSS or the other way?  If it was the other way, did you click the box for fixed image?

Other Way:  AP > Display > Pictures & Colors > Pics Management (advanced mode)



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

Male Posts : 44584
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by mialink on September 20th 2018, 3:54 pm

I put fixed. it helped a little. I changed the background. I was wanting to use it for a fall beachy look. I will deal with it later. thank you

mialink
New Member

Posts : 11
Reputation : 1
Language : english

http://imjustmadaboutyou.forumotion.com

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by Jadster on September 20th 2018, 5:54 pm

@mialink wrote:I put fixed. it helped a little. I changed the background. I was wanting to use it for a fall beachy look. I will deal with it later. thank you

Have you tried removing that image from your Pictures Management section in ACP and just have the picture be added through the CSS Codes we have provided and see if that works?
avatar
Jadster
Trial Reviewer
Trial Reviewer

Male Posts : 242
Reputation : 32
Language : English
Location : Omaha, NE

http://adminvortex.forumotion.com/

Back to top Go down

In progress Re: The background image of my forum repeats itself all over. How can I fix it?

Post by Draxion on September 21st 2018, 3:48 am

May I mark this as solved, @mialink?


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 2233
Reputation : 283
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Back to top


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