Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Change Layout

1 month 2 weeks ago #1

  • Carsten's Avatar
  • Carsten
  • Posts: 7
Hello,

how can I change position and layout of the filter section? Like the "Categories" in the Gallery Showroom with the "Classic Grid Layout"?

Thanks
Carsten

1 month 1 week ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 25504
Hello,
Thank you for contacting us

You can find a detailed description in the documentation
www.balbooa.com/joomla-gallery-documentation/grid-layouts

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 1 week ago #3

  • Carsten's Avatar
  • Carsten
  • Posts: 7
Thanks. However,

1) I wish to have the "Filter by Tag" section above the images and left aligned, like the list of categories in the attached image.
2) I would like to change the text "Filter by Tag" and "Reset Filter" into "Filter" and "Reset". Is it possible?

Thanks
Carsten
Attachments:

1 month 1 week ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 25504
Hello,
Thank you for contacting us

1 Filter by tags can be placed on the left or on the right.
Can only be placed on top with custom code
If you need help send them a link to the gallery page

2 You can change using the Joomla language manager.
Use a constants
More in this post:
support.balbooa.com/forum/gridbox/2781-t...re-in-the-blog#12426

Regards,
Vyacheslav, Balbooa.com

1 month 1 week ago #5

  • Carsten's Avatar
  • Carsten
  • Posts: 7
Thanks!

as to 1) Here is the link to the gallery: antonia.art.burf.de/gallery

Like to place the filter by tag on top left, all in one row (i.e. "Filter_by_Tag TAG1 TAG2 TAG3 Reset_Filter"

Any help with the custom code and where to put the custom code?

Thanks a lot

1 month 1 week ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 25504
You need to add code to custom css file of your template
.ba-gallery-row-wrapper {
    display: flex;
    flex-direction: column;
}

.ba-gallery-row-wrapper > * {
    width: 100% !important;
    float: none !important;
}

.equal-positions-tags.right * {
    text-align: left !important;
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 1 week ago #7

  • Carsten's Avatar
  • Carsten
  • Posts: 7
Works!

Can the words "filter" and "reset" be placed in one row with the tags?

1 month 1 week ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 25504
You need to add this code
.row-fluid.gallery-tags-wrapper.position-right {
    width: auto;
    margin-top: 10px;
}

.ba-filter-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ba-gallery .gallery-tags-wrapper .span12 {
    display: flex;
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 1 week ago #9

  • Carsten's Avatar
  • Carsten
  • Posts: 7
:) Thanks!

1 month 1 week ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 25504
You are welcome
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum