Recent
Categories
View Replies (5)

Hayley - Image Over Gallery has page break

  1. New
0
Votes
Undo
  1. DSWrights
    DSWrights
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 13 January 2025
  5.  Subscribe via email
Example: https://autoren.website/index.php/design-beispiele/beispiel-1

The module is set to three colums in this case. it doesn't make a difference how many columns are defined, the last column alwas jumps into a new row and leaves an empty space where the image should be displayed.
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.j51imagehover {

    display: flex

;

    flex-wrap: wrap;

}


Ciaran
  1. 5 days ago
  2. Commercial Templates
  3. # 1
FrancW
FrancW
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
its too large, you need to
add


j51imagehover717 .j51imghvr-item {

  display: inline-block;

  width: 33%;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;  

  padding-left: 10px;

  box-sizing: border-box;

}

into your custom css
  1. 5 days ago
  2. Commercial Templates
  3. # 2
DSWrights
DSWrights
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.j51imagehover {

    display: flex

;

    flex-wrap: wrap;

}


Ciaran


It worked! Thank you
  1. 5 days ago
  2. Commercial Templates
  3. # 3
DSWrights
DSWrights
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
its too large, you need to
add


j51imagehover717 .j51imghvr-item {

  display: inline-block;

  width: 33%;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;  

  padding-left: 10px;

  box-sizing: border-box;

}

into your custom css


No, it's not too large. It's adjusted to the images' sizes, and I want to keep the flexibility of the module. Thanks for your concern though
  1. 5 days ago
  2. Commercial Templates
  3. # 4
DSWrights
DSWrights
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.j51imagehover {

    display: flex

;

    flex-wrap: wrap;

}


Ciaran


Is there a posibility to have it centered?
  1. 1 day ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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