# Creating A Photo Gallery

**URL:** <https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243>\
**Category:** Elements\
**Created:** [March 21, 2026, 8:33pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243 "2026-03-21T20:33:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bazza01](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@Bazza01](https://forums.realmacsoftware.com/u/Bazza01)\
**Post date:** [March 21, 2026, 8:33pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/1 "2026-03-21T20:33:24Z")

</div>

Hi.

I bought Elements as I wanted to create a website that I could upload photos to.

However, I thought I would ask if there are any templates already available to save me the job of doing it.

Do you have any recommendations, or is it simple to create this myself?

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\
**Post date:** [March 21, 2026, 9:28pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/2 "2026-03-21T21:28:33Z")

</div>

What I would do is click on Elements Addons to the left and then click on Projects at the top and open one or two free projects in Elements. This will give you a very basic idea of how things works and you can see how you can present images. You can use these projects as a base for your own site.

Then make a coffee and go to the YouTube tutorials to find out how things work. It is a bit of a learning curve but when things click for you Elements is great.

Well, that is what I did. I used the free North Eleven project as a base and after picking up tips here and there on the forum ended up wth this - [https://wynterapartments.com/](https://wynterapartments.com/). It is pretty basic but shows what can be done with no specialist knowledge. Note the photo galleries change from a gallery to a slider depending on the size of your screen, which can be pretty powerful when you get your head around it.

Best tip I can give you is design for a mobile first. Don’t design for desktop as you will end up going back and having to do things again. You will understand what I mean when you have watched a few videos.

---

<div class="post-metadata">

**Author:** ![Bazza01](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@Bazza01](https://forums.realmacsoftware.com/u/Bazza01)\
**Post date:** [March 21, 2026, 10:33pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/3 "2026-03-21T22:33:51Z")

</div>

Thank you. Your website looks great.

I’ll give that a go.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 21, 2026, 10:35pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/4 "2026-03-21T22:35:51Z")

</div>

You might also find [this tutorial from the Element docs](https://docs.realmacsoftware.com/elements-docs/elements/components/gallery) useful…

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/c/bce439fbc3bcc01b6fc30fe9ef95a94461cb3f51.jpeg "The easy way to add a Photo Gallery to your website") ](https://www.youtube.com/watch?v=LwmA-IZNQIs)

And don’t forget to watch the [general Quickstart Guide](https://docs.realmacsoftware.com/elements-docs/getting-started/quickstart).

If you get stuck, just ask here on the forum 🙂

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [March 22, 2026, 8:11am UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/5 "2026-03-22T08:11:52Z")

</div>

Hi @Bazza01  
Usually I do not do self advertisement but it sounds that this template could be helpful [Reflexions](https://weaverpixel.com/shop/reflexions-elements/)

I use it for myself on a website I have together with a friend.

---

<div class="post-metadata">

**Author:** ![Bazza01](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@Bazza01](https://forums.realmacsoftware.com/u/Bazza01)\
**Post date:** [March 22, 2026, 10:49am UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/6 "2026-03-22T10:49:40Z")

</div>

Thanks for the link, Dan.

---

<div class="post-metadata">

**Author:** ![Bazza01](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@Bazza01](https://forums.realmacsoftware.com/u/Bazza01)\
**Post date:** [March 22, 2026, 10:50am UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/7 "2026-03-22T10:50:52Z")

</div>

Appreciate the suggestion, Markus, will definitely check it out.

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [March 27, 2026, 1:46pm UTC](https://forums.realmacsoftware.com/t/creating-a-photo-gallery/55243/9 "2026-03-27T13:46:32Z")

</div>

I agree with the above, but…

Yes, using the ready-made Projects is a great learning tool. But where I keep seeing people (including myself sometimes) keep getting hung up is when they start adding to designs and they don’t understand Containers, Flex, and Grid Components and how they control the where in designs. That starts to further complicate as you create different designs for mobile versus desktop.

So, yes, look at the free Projects. Pay really close attention to Containers, Flex, and Grid, and fiddle with the Inspectors for each to see how things change. Read up in the manual on those three Components, watch Dan’s videos for each, then read the manual again ;~).

Elements is a Design Tool, and those three Components are at the heart of the designing.
