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 Mon Sep 17, 2018 5:01 am

How do I make it all one image and not alot of repeating pictures? http://alohaspirit.forumotion.com/forum
avatar
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 Mon Sep 17, 2018 6: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.
mpelmmc
mpelmmc
Support Moderator
Support Moderator

Male Posts : 968
Reputation : 146
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 Mon Sep 17, 2018 6: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
avatar
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 Mon Sep 17, 2018 7: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.
mpelmmc
mpelmmc
Support Moderator
Support Moderator

Male Posts : 968
Reputation : 146
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 Mon Sep 17, 2018 7: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


SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 988
Reputation : 161
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 Mon Sep 17, 2018 2:29 pm

That didn't work. I do appreciate your help.
avatar
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 Mon Sep 17, 2018 2: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.
System32
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 Mon Sep 17, 2018 2: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
Jadster
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 369
Reputation : 49
Language : English
Location : Omaha, NE

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 Mon Sep 17, 2018 3:16 pm

No it Confused didn't work
avatar
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 Mon Sep 17, 2018 3:17 pm

@mialink wrote:No it Confused didn't work
Again, what you want to do. Please be more precise.
System32
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 Mon Sep 17, 2018 3: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 Mon Sep 17, 2018 5:22 pm; edited 1 time in total
avatar
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 Mon Sep 17, 2018 3: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?
Jadster
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 369
Reputation : 49
Language : English
Location : Omaha, NE

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 System32 on Mon Sep 17, 2018 3: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%;
}
System32
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 Mon Sep 17, 2018 5: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



APE
APE
Administrator
Administrator

Male Posts : 13887
Reputation : 1474
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 Mon Sep 17, 2018 7: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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45009
Reputation : 3174
Language : English
Location : United States

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 Thu Sep 20, 2018 2: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
avatar
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 Thu Sep 20, 2018 4: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?
Jadster
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 369
Reputation : 49
Language : English
Location : Omaha, NE

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 Draxion on Fri Sep 21, 2018 2: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

Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2253
Reputation : 284
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