Topic: Adding a background image

Adding a background image

gibbyesl
Member

@gibbyesl

14 years, 6 months ago

Hi

Newbie so be gentle

I know there is a header image but I would like a background image that sites behind the header and the content

How do I do this ?

Thanks

Gibby

Viewing 9 replies - 1 through 9 (of 9 total)

r-a-y
Keymaster

@r-a-y

14 years, 6 months ago

You’ll have to modify the theme’s stylesheet.

Hopefully, you’ve already created a child theme, then you can override the background in your child theme’s style.css with:

eg.

body {background:url(URL TO YOUR IMAGE) no-repeat !important;}

gibbyesl
Member

@gibbyesl

14 years, 6 months ago

Thanks

Yes I have a child theme and that works great

Gibby

Rebecca Geiger
Participant

@rebeccageiger

14 years, 6 months ago

Hi there! Mr r-a-y!
I created the child theme (awesome thanks for all yer guyzez help) and I added the /images/shuswapsocialnetworkbackground.jpg body {background:url(/images/shuswapsocialnetworkbackground.jpg ) no-repeat !important;}
But I am unsure where to put that information. I played around with the code and nada..
If you could let me know what I have done incorrectly that would be Grrrrrrrrrreat!

This is the info from the child theme I copied from the default theme

r-a-y
Keymaster

@r-a-y

14 years, 6 months ago

Remember that style.css file you created for your child theme?

Open style.css in a text editor and add the snippet above to the end of style.css.

paulhastings0
Participant

@paulhastings0

14 years, 6 months ago

Open the theme file in website.com/wp-content/plugins/buddypress/bp-themes/bp-default/style.css

On the very last line add
body {background:url(/images/shuswapsocialnetworkbackground.jpg) no-repeat !important;}

FTP that back to your site and see if it makes the change. Double check that your URL path for your jpg is valid too.

techguy
Participant

@crashutah

14 years, 6 months ago

@paulhastings0 Only problem with doing what you describe instead of using a child theme is that the next time BP gets updated, the change you made will get overwritten. Thus the advent of child themes.

r-a-y
Keymaster

@r-a-y

14 years, 6 months ago

techguy is right.

paulhastings0
Participant

@paulhastings0

14 years, 6 months ago

Whoops, yes, you’re absolutely right. I use child themes myself. Just a slip of the mind.

Rebecca Geiger
Participant

@rebeccageiger

14 years, 6 months ago

Dang.. I don’t know what I am doing wrong.. nothing changed (and I did put it at the end of the created child theme that I created)….
Perhaps I am not putting the image in the right file folder? Perhaps I need to put the code in a different place in the child theme css file?
I am a confused noob