Balbooa Help Center: Change Layout (1/1)

11 months 1 week ago #1

Carsten Posts: 9	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
	Last Edit: 11 months 1 week ago by Carsten. The administrator has disabled public write access.

11 months 1 week ago #2

Viacheslav Posts: 28858	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
	The administrator has disabled public write access.

11 months 1 week ago #3

Carsten Posts: 9	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.27.jp (103KB)
	The administrator has disabled public write access.

11 months 1 week ago #4

Viacheslav Posts: 28858	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
	The administrator has disabled public write access.

11 months 1 week ago #5

Carsten Posts: 9	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
	The administrator has disabled public write access.

11 months 1 week ago #6

Viacheslav
Posts: 28858

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

11 months 1 week ago #7

Carsten Posts: 9	Works! Can the words "filter" and "reset" be placed in one row with the tags?
	The administrator has disabled public write access.

11 months 1 week ago #8

Viacheslav
Posts: 28858

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

11 months 1 week ago #9

Carsten Posts: 9	Thanks!
	The administrator has disabled public write access.

11 months 1 week ago #10

Viacheslav Posts: 28858	You are welcome Let us know if you need more assistance! Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.