# Resizing a photo in a static page/pined post

**URL:** <https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404>\
**Category:** Customization\
**Tags:** snapas\
**Created:** [May 16, 2020, 8:16pm UTC](https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404 "2020-05-16T20:16:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![masarali](https://discuss.write.as/user_avatar/discuss.write.as/masarali/32/573_2.png) [@masarali](https://discuss.write.as/u/masarali)\
**Post date:** [May 16, 2020, 8:16pm UTC](https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404/1 "2020-05-16T20:16:12Z")

</div>

Hi All!

I’m having trouble adding a small size photo to a static page/pined post called “About Me”. Here is the link to the page in my Arabic blog: [https://write.as/msr-ly/about](https://write.as/msr-ly/about)

As you can see my photo appears to be large. I made sure to resize it to 500X500 before uploading it to Snap.as yet it appears as if it is 1100X1100. Any thoughts?

 ![003 square (1)](https://discuss.write.as/uploads/default/original/1X/fafe176ad27a807aa90cc5fdeaadd4b532dfccf6.png)

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [May 18, 2020, 5:14pm UTC](https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404/2 "2020-05-18T17:14:55Z")

</div>

Hi @masarali! Snap.as resizes it that way by default. You’ll have to use HTML to change the height & width with whatever you prefer. Here’s the HTML code to use in the pinned post (feel free to change the height and width):

```auto
<img style="height:500px; width:500px;" src="https://i.snap.as/Hil5tJx.png">

```

Hope that helps and let us know if you need more clarification.

---

<div class="post-metadata">

**Author:** ![masarali](https://discuss.write.as/user_avatar/discuss.write.as/masarali/32/573_2.png) [@masarali](https://discuss.write.as/u/masarali)\
**Post date:** [May 18, 2020, 9:24pm UTC](https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404/3 "2020-05-18T21:24:02Z")

</div>

Perfect, it worked! Is there also an HTML style element to position it at the center of the page?

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [May 19, 2020, 5:19pm UTC](https://discuss.write.as/t/resizing-a-photo-in-a-static-page-pined-post/1404/4 "2020-05-19T17:19:32Z")

</div>

Great! So for centering the image, you will have to go into your blog’s _Customize_ settings & add the following code to your “Custom CSS”:

```auto
img {
    display: block;
    margin: 0 auto;
}

```

This will center the photo but also any other photo you use on your blog. Would that be preferable?

If not then you can specifically target this picture and not any other. We can do this by creating a “profile” class. To do that we’ll change the above CSS to the following:

```auto
img.profile {
    display: block;
    margin: 0 auto;
}

```

And then go back to the HTML with your photo and add the class into the HTML:

```auto
<img class="profile" style="height:500px; width:500px;" src="https://i.snap.as/Hil5tJx.png">

```

Once that’s changed it should work on that photo alone, allowing other photos to not be centered by default.

Hope that helps @masarali!