background image in body

[Ron King]

Hi!

Is there a way I can put a background image in the body of the page. I don’t know if calling it the body is the right word, so I’ve attached a file and put a red X in the part of the page I’m referring to

Thanks as always for your help. Ron
lumin.jpg

Attachments:

You must be logged in to view attached files.

[Shekhar Bhandari]

Hi Ron,
Yes, it is possible to add a image there but there is not customizer setting for that so you should write a custom CSS .

.span8.equal {
    background-image:url('Your Image url');
}

Thanks.

[Ron King]

Thanks for getting back to me.

Close, but here’s what happened. To change the size of the left menu panel I changed the size from Span 4 to Span 3. The code you sent me above for placing an image background leaves a gap on the left. I assumed it had to span size, so I tried changing it from 8 to different settings, like 9 for example, but all that happened was that the background disappeared. Any ideas?

The attachment shows using the recommended code.
backgroundspanissue.jpg

Attachments:

You must be logged in to view attached files.

[Shekhar Bhandari]

Hi Ron,
It’s bootstrap griding that is creating spaces So, u can place the background-image by using the following CSS if you don’t want spaces

.lum-equal-wrap {
    background-image: url('Your Image Link Here');
}

Remember you need to create a .png image for this and put the spaces on the left according to the left menu bar size as it will start from the menu bar itself.
Thanks.

[Ron King]

Outstanding!!!!! Thanks for all of your help and for being such a good teacher…….
I’m learning a lot from you. Ron

[Author]

Posts