• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Gradient background

LPH

Well-known member
#1
How do I get a gradient background?

I'm using General -> Body -> Background Settings

Xen Gradient Setttings.PNG

But this doesn't seem to work. The x is correct but the y doesn't go the full distance down the screen.
 

Brogan

XenForo moderator
Staff member
#2
If you want it to repeat in both directions then select Repeat.

If the gradient doesn't extend as far as you want, use an image with a larger height.
 

Lykke

Well-known member
#4
I don't want to create a new thread for this, so sorry to use this one ;)

I have a bg picture on repeat on a forum. It's light green with dark flowers. I want the page itself to have a gradient from dark in the bottom to normal light in the top.

When I try doing the above, my background image disappear...

I am having the image in the HTML though, but it doesn't matter if I place it there or in the body, the result is the same.

Hope you can help =) Thanks
 

Jake Bunce

XenForo moderator
Staff member
#5
Can you post a URL to your forum so I can see the problem?

Maybe the background image is being covered by the header area. Also note that the HTML background is normally covered by the Body background unless your body is a fixed width.
 

Lykke

Well-known member
#8
Thanks Jake :) That was actually a thought I had too - but if I do it like that, and the image is set to repeat, wont it add some differences in the gradients?

The end result should be as close to the main page as possible, which you can see here (with gradient):

www.guppylife.com
 

Lykke

Well-known member
#10
Hm yes, just hoped I could add the gradient with the piece of BG I had on repeat lol.

Well, I just get that image from them instead =)Probably easier lol

Thanks a bunch ^^

EDIT: And done :) works.