# Center widgets on the site page

**URL:** <https://community.elfsight.com/t/center-widgets-on-the-site-page/1401>\
**Category:** Customization\
**Tags:** photo-gallery\
**Created:** [June 11, 2022, 6:56pm UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401 "2022-06-11T18:56:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![user334](https://avatars.discourse-cdn.com/v4/letter/u/7bcc69/32.png) [@user334](https://community.elfsight.com/u/user334)\
**Post date:** [June 11, 2022, 6:56pm UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/1 "2022-06-11T18:56:42Z")

</div>

I set up my photo gallery without any problems. I have incorporated the code of my photo gallery into the site. The gallery appears aligned to the left, I would like it to be positioned in the center of the page. How can I do?

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [June 14, 2022, 8:31am UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/2 "2022-06-14T08:31:32Z")

</div>

Hi and welcome to the forum!

Please accept my apologies for the long reply, it was a local holiday here 🙏🏻

Could you please send me the link to the page with the widget in question? I’ll be happy to check it for you and provide a solution 🙂

---

<div class="post-metadata">

**Author:** ![user334](https://avatars.discourse-cdn.com/v4/letter/u/7bcc69/32.png) [@user334](https://community.elfsight.com/u/user334)\
**Post date:** [June 14, 2022, 10:02am UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/3 "2022-06-14T10:02:12Z")

</div>

Dear Helga, it is I who thank you for your interest. This is the link of the page you inserted the widget of the photo gallery: [Le Calle di zia Sisina](https://www.casalecallepompei.it/it/)  
As you will notice it is positioned on the left of the page, I would like it to be centered. On another page of the “About us” site ([Le Calle di zia Sisina - Chi siamo](https://www.casalecallepompei.it/it/aboutus)) I inserted the OTA review widget and everything went well.  
Thank you for your advice. Greetings.

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [June 14, 2022, 1:46pm UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/4 "2022-06-14T13:46:26Z")

</div>

Thank you for the link!

Our developers were happy to align the widget for you, could you please let me know if you like the outcome?

We added the code below to your widget’s Custom CSS field in order to fix the issue:

```auto
.global-styles, [data-app='eapps-photo-gallery'] {
    margin: 0 auto;
}

```

By the way, if you’d love your widget to be a bit bigger, you’re welcome to change its width in your widget’s Layout tab → Gallery Width.

Please let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![user334](https://avatars.discourse-cdn.com/v4/letter/u/7bcc69/32.png) [@user334](https://community.elfsight.com/u/user334)\
**Post date:** [June 15, 2022, 3:44pm UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/5 "2022-06-15T15:44:49Z")

</div>

Dear Helga, thank you for your availability. Thanks also to your technicians: it is the result I wanted. I will enlarge the gallery. Thanks again.

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [June 16, 2022, 8:50am UTC](https://community.elfsight.com/t/center-widgets-on-the-site-page/1401/6 "2022-06-16T08:50:39Z")

</div>

Thank you for the update, I’m happy that you’re good now!

Should any other help needed, we’re always here for you 🤗