Joomla Templates Club 406,261 posts

[juhuhu Friend juhuhuJoin date: April 2015Posts: 89Downloads:155Uploads:3 Thanks: 37]

#704403

Hi!
How to add background image to frontpage or any page on the website?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#704445

Hi

Please take a look HERE

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#751261

Hi

Please take a look HERE

[juhuhu Friend juhuhuJoin date: April 2015Posts: 89Downloads:155Uploads:3 Thanks: 37]

#704688

Hi,

Thank you , I did but it`s not working for me.
Here is my custom css:
@media screen and (min-width:768px){.about-us .member .thumbnail{margin-bottom:0;min-height: 460px;}}
/ Background image
// ————————————————–
.body-background body {
background-image: url(“/public_html/images/body-bg.jpg”);
}

/ Override background of t3-wrapper
// ————————————————–
.body-background body .t3-wrapper {
background: transparent;
}

[juhuhu Friend juhuhuJoin date: April 2015Posts: 89Downloads:155Uploads:3 Thanks: 37]

#751410

Hi,

Thank you , I did but it`s not working for me.
Here is my custom css:
@media screen and (min-width:768px){.about-us .member .thumbnail{margin-bottom:0;min-height: 460px;}}
/ Background image
// ————————————————–
.body-background body {
background-image: url(“/public_html/images/body-bg.jpg”);
}

/ Override background of t3-wrapper
// ————————————————–
.body-background body .t3-wrapper {
background: transparent;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#704690

Can you, perhaps, provide a screenshot mock-up of what it is you’re envisioning for your background image on your page?

Also, it would help if you could also temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751412

Can you, perhaps, provide a screenshot mock-up of what it is you’re envisioning for your background image on your page?

Also, it would help if you could also temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[juhuhu Friend juhuhuJoin date: April 2015Posts: 89Downloads:155Uploads:3 Thanks: 37]

#704788

I`ll try to be more clear…
This image should be behind every page and sticky while scrolling

[juhuhu Friend juhuhuJoin date: April 2015Posts: 89Downloads:155Uploads:3 Thanks: 37]

#751499

I`ll try to be more clear…
This image should be behind every page and sticky while scrolling

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#705211

<em>@juhuhu 496794 wrote:</em><blockquote>Hi!
How to add background image to frontpage or any page on the website?</blockquote>

This way will help you to do this

Open templates/ja_sugite/css/custom.css file and add new rule


.t3-wrapper {
background: url('/images/body-bg.jpg') repeat center top;
background-size: cover;
}


Let me know if it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#705226

<em>@juhuhu 496794 wrote:</em><blockquote>Hi!
How to add background image to frontpage or any page on the website?</blockquote>

This way will help you to do this

Open templates/ja_sugite/css/custom.css file and add new rule


.t3-wrapper {
background: url('/images/body-bg.jpg') repeat center top;
background-size: cover;
}


Let me know if it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#751762

<em>@juhuhu 496794 wrote:</em><blockquote>Hi!
How to add background image to frontpage or any page on the website?</blockquote>

This way will help you to do this

Open templates/ja_sugite/css/custom.css file and add new rule


.t3-wrapper {
background: url('/images/body-bg.jpg') repeat center top;
background-size: cover;
}


Let me know if it helps

[Author]

Posts