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!