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

"Filter by tag/color"-Selection above the pictures

1 year 5 months ago #1

  • EDV's Avatar
  • EDV
  • Posts: 5
Hello together,

i use tags in my gallery and need to place the "Filter by Tag"- or "Filter by color"-Selection above the gallery like the categories.
Native it's only possible to place the selection left or right.

Is there any solution to do so?

1 year 5 months ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
Hello,

In order for the filters to be displayed from above, you need to add the CSS code in the custom css file of your template
.ba-gallery-content-wrapper {
    display: block !important;
}

.ba-gallery-content:not(:first-child),
.ba-gallery-content-wrapper .equal-positions-tags {
    width: 100%!important;
}
Regards,
Vyacheslav, Balbooa.com

1 year 5 months ago #3

  • EDV's Avatar
  • EDV
  • Posts: 5
It works!
Thank you very much for your quick support.

Have a nice day ;)

1 year 5 months ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
You are welcome ;)

2 months 3 weeks ago #5

  • Graeme's Avatar
  • Graeme
  • Posts: 8
So this worked,

Unfortunately it puts the tags above the categories, but I just removed the categories and made them tags as well, not ideal but website visitors will never know the difference.

Secondly this left the thumb nails only filling 75% of their container div, to fix this I modified ba-style.css directly:

.equal-positions-tags ~ .row-fluid,
.equal-positions-tags ~ .ba-gallery-content-wrapper,
.ba-gallery-content:not(:first-child) {
width: 75%; 100%;
float: left;
}

I haven't looked at the HTML but my guess is that it is the ".row-fluid" class that needs to be added to the code above.

edit: also on a side note anyone attempting CSS changes please remember that caching services such as cloudflare do not quickly update CSS changes automatically ( I thought they would compare file sizes on each access but I guess I thought wrong.)

2 months 3 weeks ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
Hello,

Great that you found a solution that suits you.
Perhaps your solution will be useful to users.

After updating, all changes at the file ba-style.css will be lost.

Regards,
Vyacheslav, Balbooa.com

2 months 2 weeks ago #7

  • Klaus's Avatar
  • Klaus
  • Posts: 26
I edit code in custom.css but it does not work:

2 months 2 weeks ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
Hello,

You need use this css code:
.ba-gallery-content-wrapper,
.equal-positions-tags.right {
    width: 100% !important;
}

Regards,
Vyacheslav, Balbooa.com

2 months 2 weeks ago #9

  • Klaus's Avatar
  • Klaus
  • Posts: 26
Now it works, thank you!

Regards,
Klaus

2 months 2 weeks ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
You are welcome ;)
Powered by Kunena Forum