# Images getting shrunk in mobile format for inline images- doks theme

**URL:** <https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900>\
**Category:** support\
**Tags:** images\
**Created:** [October 11, 2024, 11:42am UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900 "2024-10-11T11:42:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![pandapirate](https://avatars.discourse-cdn.com/v4/letter/p/c77e96/32.png) [@pandapirate](https://discourse.gohugo.io/u/pandapirate)\
**Post date:** [October 11, 2024, 11:42am UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/1 "2024-10-11T11:42:03Z")

</div>

Hi Folks,

getting an issue around while publishing inline images from Urls or even local fed inside the content/blog/sample-blog/ directory.

new to frontend, trying to find if there is way to control the dimensions of the image in code. or with replacing some bootstrap element. or the images has to be resized before they get on the blog/.

 ![Screenshot 2024-10-11 at 7.41.15 AM](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/f/c/fcf2a43af0078baa2322eab27922618f73bf1754.jpeg)

any suggestions, are appreciated, Thanks

---

<div class="post-metadata">

**Author:** ![chrillek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/chrillek/32/19797_2.png) [@chrillek](https://discourse.gohugo.io/u/chrillek)\
**Post date:** [October 11, 2024, 12:05pm UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/2 "2024-10-11T12:05:36Z")

</div>

Do you expect anyone to tell you anything useful from taking a look at a distorted image?

Please read and follow the advice of

> [@Requesting Help](https://discourse.gohugo.io/t/requesting-help/9132/1):
>
> Please read and follow the below guidelines before asking for help in the forum. [DOCS](https://gohugo.io/documentation/) | [THEMES](https://themes.gohugo.io/) | [NEWS](https://gohugo.io/news/) | [GITHUB](https://github.com/gohugoio/hugo) | [FAQ](https://gohugo.io/troubleshooting/faq/) | [RELEASE NOTES](https://github.com/gohugoio/hugo/releases)How to Request Help Welcome to the Hugo forums and thanks for using Hugo! The below are a few friendly tips on getting help from the other Hugo volunteers in this forum. Some Knowledge Required Dare we say that while Hugo is indeed pretty magical, it is not meant to be a “magic wand” to suddenly give you a published website a la Square Space or Wordpress. You …

---

<div class="post-metadata">

**Author:** ![davidsneighbour](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/davidsneighbour/32/24507_2.png) [@davidsneighbour](https://discourse.gohugo.io/u/davidsneighbour)\
**Post date:** [October 11, 2024, 12:26pm UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/3 "2024-10-11T12:26:23Z")

</div>

I can 🙂 It’s a simple rule that is implemented in that theme half-baked.

proper skaling of images on mobile:

```auto
width: 100%;
height: auto;

```

The theme probably only sets the width, not the height, which leads to applying the default height of the image and “reducing” it to 100% of the available width.

My suggestion is to contact whoever designed that. It’s either the theme’s author or yourself in a CSS addition to the theme.

And for future requests: yeah, at least add a link to your repo or a link to your theme. It feels cumbersome to open Google every time such a question comes up to find out more about your theme.

---

<div class="post-metadata">

**Author:** ![pandapirate](https://avatars.discourse-cdn.com/v4/letter/p/c77e96/32.png) [@pandapirate](https://discourse.gohugo.io/u/pandapirate)\
**Post date:** [October 11, 2024, 1:24pm UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/4 "2024-10-11T13:24:57Z")

</div>

Thanks @davidsneighbour 💗 I am getting the idea now as for the image issue. we got the doks theme (not updated it yet too) and just started publishing, by just following enough to create blogs and learning as we move.

> **[Getting Started](https://getdoks.org/docs/start-here/getting-started/)**
>
> Doks is a full-featured documentation theme built on top of the Thulite framework. Here you’ll find guides, resources, and references to help you build with Doks.

I am planning to update the theme too. its from last year we picked and never updated since the work was sidelined for almost about an year.

---

<div class="post-metadata">

**Author:** ![karis](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/karis/32/22946_2.png) [@karis](https://discourse.gohugo.io/u/karis)\
**Post date:** [October 12, 2024, 8:02am UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/5 "2024-10-12T08:02:18Z")

</div>

That theme has this code

```auto
.content img {
  max-width: 100%;
}

```

cc @h-enk

---

<div class="post-metadata">

**Author:** ![h-enk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/h-enk/32/11738_2.png) [@h-enk](https://discourse.gohugo.io/u/h-enk)\
**Post date:** [October 12, 2024, 9:56am UTC](https://discourse.gohugo.io/t/images-getting-shrunk-in-mobile-format-for-inline-images-doks-theme/51900/6 "2024-10-12T09:56:36Z")

</div>

Please update your project’s dependencies — no issues then.

For using images in Doks, see the [Thulite Images](https://images.thulite.io/) docs

Another useful resource is [Doks Discussions](https://github.com/thuliteio/doks/discussions)