How to add Gridbox Content Editor to Zero App?

Continue Reading
Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Show images before descriptions?

2 weeks 4 days ago #1

  • Brad's Avatar
  • Brad
  • Posts: 13
Is there a way to display the gallery content (images) before the gallery description?

2 weeks 4 days ago #2

  • Artem's Avatar
  • Artem
  • Posts: 8506
Hi there!

I can propose you to use Masonry Grid layout with Caption Hover Effect 12, here is a demo:
www.balbooa.com/demo/caption-hover-effects/hover-effect-12.html

Regards,
Artem, Balbooa.com

2 weeks 4 days ago #3

  • Brad's Avatar
  • Brad
  • Posts: 13
Thank you Artem...
Here's the page I'm working with:
staging.nookinteriors.com/portfolio?nook-offices

I'd like either the feature image or the masonry images to appear before the gallery description.
Are there ways to write a custom page template for the galleries? Is it written in YAML or TWIG or something like that?

2 weeks 4 days ago #4

  • Artem's Avatar
  • Artem
  • Posts: 8506
Now is clear :)

Try to add this code to your template custom.css file
body.com_gridbox.page.album-in-lightbox-open .ba-gallery-row-wrapper > .row-fluid {
    display: table-footer-group;
}

body.com_gridbox.page.album-in-lightbox-open .ba-gallery-content-wrapper {
    display: table-header-group;
}

body.com_gridbox.page.album-in-lightbox-open .ba-gallery-row-wrapper {
    padding-top: 70px;
}


Results:



Regards,
Artem, Balbooa.com
Powered by Kunena Forum