Center background image Main Content

mrdanne

Hi,
How can I center the background image for Main Content and also Footer?
Found an old post about it, but I don't know which css to edit. Best maybe if I can add it to custom.css
https://www.joomlart.com/forums/topic/fix-main-content-background/

mrdanne

and also not to repeat the image...

aman204

mrdanne Can you provide a link to your site and to be more precise in addressing your query, Do you wished to derive somewhat similar similar trend for the background image as seen here

mrdanne

Can't, it is an intranet page.
But I will post an image so you can see 🙂

So I want to center the background image and also the footer image and not repeat it.

aman204

mrdanne You may wish to check out the tutorials here for background-positioning and background-repeat property which can guide you for setting the background image accordingly

Css specific property declarations :

Setting bg-image to center css property declaration:
background-position: center; or background-position: 50% 0;
Setting bg-image to no-repeat css property declaration:
background-repeat: no-repeat;

however, there is even easier method for setting different properties in one declaration as given here

For providing the exact css reference declaration, Would require site link in order to review the same

Cheers

mrdanne

aman204
Can i just add that in custom.css?

i use plain ja_simpli template, no modification and i set the bg image in the template. So it doesnt differ from the one i downloaded from you guys.

aman204

mrdanne Can i just add that in custom.css?

You can add this to custom.css file :

.mainbody,#footer{background-repeat: no-repeat !important;background-position: 50% 0 !important;}

Kindly ensure to clear your browser cache if changes dont reflect