IPB 4 Background

[LifePak™]

Is there anyway to change the background colour to an image in IPB 4? I see the colours in the Front-End Colours but no image option.

[Xing]

What's your code already?

Dont have position: fixed; in your CSS else the background will follow when you scroll.

Try adding:

background-repeat: no-repeat;

background-size: 100%;

[Xing]

You would have to manually do it in CSS like I did to my boards.

[LifePak™]

You would have to manually do it in CSS like I did to my boards.

 

Could you briefly explain how? Thank You

[Xing]

Could you briefly explain how? Thank You

In your theme's CSS, in your custom.css,

Use:

#ipsLayout_header header {

background: #000 url( # );

}

Of course, if you inspect element of your current IPB header, you'll see all the other CSS elements for #ipsLayout_header header

What I gave you above isn't a complete list of elements from my header. Just how I added an image.

[LifePak™]

In your theme's CSS, in your custom.css,

Use:

#ipsLayout_header header {

background: #000 url( # );

}

Of course, if you inspect element of your current IPB header, you'll see all the other CSS elements for #ipsLayout_header header

What I gave you above isn't a complete list of elements from my header. Just how I added an image.

 

That's worked! Now new question. The skins background scroll with the forum when you scroll it up or down. That presents a problem because in one case, the image repeats and starts over while in the other case, it doesn't repeat so you see solid background after the image runs out. So question is, how can I "Fix" the background so it doesn't scroll with the form?

Edited April 19, 2015 by LifePak™

[LifePak™]

Thank You. That worked!

[Xing]

Glad it worked

[Tony]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.