How to display 5 photos in a row

[gfisch]

Hi Laura

 

It seems that SweetDate theme displays only three photos next to each other. This happens either in profiles as when you display photos on pages via the rtMedia shortcode. I would prefer to display 5 photos in one row.

 

I accomplished that with that CSS in child folder.

 

.rtmedia-container .rtmedia-list.rtmedia-list-media li {
width: 20%;
}

 

I also prefer to disable Masonry view.

 

I wonder if there is a better way to accomplish 5 photos in a row.
Because with this 20% CSS there are issues when in progressive mode, when the browser gets resized . The 5 photos in a row get actually too small. What happens is that the EDIT and DELETE overlay buttons hide the complete thumbnail. No zooming possible then anymore.

 

If I would have only 3 photos displayed in a row this does not happen. The thumbnails are big enough to click for zoom.

 

Any suggestions how to accomplish 5 photos in a row differently?
One idea would be to display 3 photos in a row ONLY when in progressive mode.

 

Thanks
Andreas

[Laura]

Not marked as solution

[Radu]

Not marked as solution

[gfisch]

Not marked as solution

[Radu]

Not marked as solution

[gfisch]

Not marked as solution

[Radu]

Not marked as solution

[Author]

Posts