1. squirrrel333au
  2. Commercial Templates
  3. Thursday, 01 September 2022
  4.  Subscribe via email
I have tried everything that I know to set a background image on the Layla Template and can not get it to show.

I have tried custom css but nothing is showing. Is there anything else I need to change?

body {background-image:url('http://www.angasgokartclub.com/CMS/images/background/checkflag.jpeg');
background-size:100% 100%;}
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try replacing your CSS with the following...

.body_bg {
background-image: url('http://angasgokartclub.com/CMS/images/background/checkflag.jpg');
background-size: cover;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Awesome, thanks.
That worked
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Again

Apologies for being a pain in the butt....

I am in the process of upgrading my website from layla to Nina J4.
Trying to change the background image again and not working.

What I did was:

added this to my css:

.body_bg {
background-image: url('http://angasgokartclub.com/NCMS/images/background/checkflag.jpg');
background-size: cover;
}

Not displaying anything, any help would be appreciated.
References
  1. http://angasgokartclub.com/NCMS/
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Can you confirm that you have added the CSS to the correct template style? I am unable to see it in your source.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry, I have been experimenting tonight to see if I can get it working.
Try now.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Your CSS is been applied to the background div however it is only visible in the header. All other container divs have a background color and therefore cover the body background set with your CSS.

Could you give me more detail on what you wish to achieve? What other areas would you like to see the body background?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.