1. KChev
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 25 January 2025
  5.  Subscribe via email
Over year ago you gave me some CSS code to add when I wanted to make the caption boxes of the LayerSlideshow flush to the left and bottom of the image. It was this:


.layerslideshow .item-align-left .info {
align-items: flex-start;
justify-content: flex-end;
margin: 0;
}


Now on a different site using 4.4.9 I want to make the box flush right and bottom. I tried this code there substituting .item-align-right. But the box does not align to the right or the bottom. Should I be making a different change to the code?
Accepted Answer Pending Moderation
0
Votes
Undo
Try this one:

.layerslideshow .item-align-left .info {
align-items: flex-end;
justify-content: flex-end;
margin: 0;
}
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you. That works to make the box flush to the bottom and on the right but with space between the right side of the box and the right side of the image. I played around the with margin value but that doesn't seem to change anything. It's not important for it to be flush right but I prefer the look.
Accepted Answer Pending Moderation
0
Votes
Undo
Without a link to the website, it will be impossible to help you.
  • Page :
  • 1


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