How to make this type of gallery
Hi How do I make a gallery like this I had on my old website.
Where I can define the width of the gallery and have 2 or 3 next to each other depending if they are horizontal or vertical and images
I can see you have something like this in:
https://themes.muffingroup.com/be/showcase/my-showcase/
https://themes.muffingroup.com/be/photography2/gallery/
https://muffingroup.com/betheme/website/design/
unfortunatly import function is not working for me? So can you guide me on how to make this type of gallery.
And also is it possible to have different images depending on screen size or is there a better way to make the gallery fast load when images are big?
Comments
Hi,
This is a Masonry-style layout for a portfolio. When you create a portfolio, you can set this type of layout in Betheme -> Theme options -> Blog & Portfolio -> Portfolio:
https://support.muffingroup.com/video-tutorials/how-to-set-up-the-blog-and-portfolio-pages/
If your images will be be and want to load quickly on all devices, I suggest enabling Srcset option in Betheme -> Theme options -> Blog & Portfolio -> Featured image:
Best regards
I have somthing that works... somehow..im looking to do something like this:
https://themes.muffingroup.com/be/design/
There is some images that are 2 colons in wide or height or both... like a more random look even I should be able to control it.
And also the gallery scale so when you go to mobile its different look... so how do i make this possible?
I tried to import the page from https://themes.muffingroup.com/be/design/
and it just endend up like this:
https://perbagger.com/fashion/
where boxes are just same in heigh, wide etc.
Did you enable Srcset?
There is information that this option does not work with portfolio styles Flat & Masonry Flat:
Best regards
yes I took it of but what else do I need to do as nothing changed?
Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact, and we will check that out.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks