Recent
Categories
View Replies (3)

Background image on empty module

  1. Issue
0
Votes
Undo
  1. marcusadamski
    marcusadamski
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 24 February 2017
  5.  Subscribe via email
Hi,

Using the Valencia template, I would like to add a background image to an empty module, in position bottom-3.

I've prepared a 1600x960 image and assigned as the background image for that row. I've also increased the top/bottom padding to make a larger view.

However, when in full screen, the image wraps at the slides. Also around the size of a tablet in portrait, it will wrap vertically.

On the same page, I've used the same sized image in position top-2 with no problems, but the other difference is that module contains text.

- Are there any tricks / tips for setting up an empty module to display a background image? For some reason do background images in the bottom positions have to be wider?

I've attached an image to illustrate.

Many thanks,
Marc
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marc

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
marcusadamski
marcusadamski
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Sure:
[hidden]

I've increased the background image width to 2000, which stopped the horizontal wrapping. But I still see vertical wrapping when the screen size is smaller. Please see attached. The background image is at bottom-3

Many thanks
Marc
Attachments (1)
wrap.png wrap.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

#container_bottom3_modules {

    background-position: 0 0 !important;

    background-size: cover;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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

Site Links

Recommended

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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok