Move Photo Gallery filter below photos

[Rachel_Freeman]

I’m wondering if its possible using CSS to move the category filter in Photo Gallery to below the displayed photos rather than above them?

[Max]

Hi there, @Rachel_Freeman

Sure! This code should do the trick:

.eapp-photo-gallery-photo-gallery-component {
  display: flex;
  flex-direction: column;
}

.eapp-photo-gallery-category-list-component {
  order: 1;
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped

[Rachel_Freeman]

Hmmm that didn’t seem to work. Any idea why?

[Max]

It didn’t work because you’ve missed } symbol in the 1st code in the Custom CSS field. I’ve added it to your widget and everything worked fine:

Could you please double-check it?

[Rachel_Freeman]

It looks great, thank you! Is there a way to add a line break between the photos and the filters?

[Max]

You just need to add this line to the last code: padding-top: 10px;

Feel free to adjust the padding value to your liking