New User Needs Help with some customization

[zhangineer2]

Hi, I am new to getdoks and loving it. however, I am running into a few issues and hopefully someone can help.

First issue is that it doesn't fit to the screensize like the getdoks.org page

This is what mine looks like

Second issue is that in the above screen, the image is compressed. how do I make it not to do that by default ?

I have already tried modifying the scss/common_custom.scss and _variables-custom.scss as mentioned in this thread, but without any luck, these values don't seem to affect anything
#1320

Also, when I manually adjust the width/height to auto, the image renders out as expected, but I can't find a way to set this, no matter what.

these values are created as follow

  width="1078"
  height="468"

I have tried below syntax as well, but it gives error

{{< img width="auto" height="auto" loading="eager" fetchpriority="high" src="./img/image-8.png" alt="an image" >}}

When I use a different theme from Thulite, such as the Bolt one it works right out of the box with no modifications needed

Thank you

[zhangineer2]

so I was able to fix the first issue. The source code of doks is missing the CSS file for image as shown here:

https://images.thulite.io/docs/start-here/manual-setup/#add-css

as soon as I added that, the image started loading as expected.

what's still not working for me is that it's still not wide screen

[h-enk]

Thanks, I will readd the CSS!

In config\_default\params.toml, set doks.containerBreakpoint to fluid (in stead of lg):

# Doks (@thulite/doks-core)
[doks]
  # Navbar
  containerBreakpoint = "fluid" # "", "sm", "md", "lg" (default), "xl", "xxl", or "fluid"

Also, something to add to the docs