mrmierzejewski / hugo-theme-console

A minimal, responsive and light theme for Hugo inspired by Linux console.
MIT License
393 stars 118 forks source link

Images are always width = 100% #18

Closed dannykorpan closed 3 years ago

dannykorpan commented 3 years ago

Hi,

if I include an image in a posting, images are always 100% in width, even I'm using the figure element {{< figure src="./error.jpg" height="185px" width="473px" >}}

Is there any way to get a workaround or to solve this issue?

Kind Regards, Danny

mrmierzejewski commented 3 years ago

Hi @dannykorpan, you can add the following lines:

figure > img {
  height: 185px;
  width: 473px;
}

to the file: /static/hugo-theme-console/css/console.css

dannykorpan commented 3 years ago

Hi,

thank you. But every image has another dimension. It would be great if every image keeps it's original size.

Kind Regards, Danny

mrmierzejewski commented 3 years ago

Hi @dannykorpan,

Please add the following lines:

img {
 width:none;
}

to the file: /static/hugo-theme-console/css/console.css

dannykorpan commented 3 years ago

Hi,

thank you for your help and quick response! But I have still the same problem. gXWaZLiYOf FkCctElvJS

Kind Regards, Danny

dannykorpan commented 3 years ago

Update: Also the same issue with your second hint. GW7pfjpGs7

dannykorpan commented 3 years ago

Hi,

are there any solution for my problem?

Kind Regards, Danny

mrmierzejewski commented 3 years ago

Hi @dannykorpan,

You should add the line with img at the end of the file. After the }.

}

img { width: none; }
dannykorpan commented 3 years ago

Hi @mrmierzejewski,

thank you, but 'none' ist not working. image

With 'unset' it work's now flawlessly. image

Kind Regards, Danny

mrmierzejewski commented 3 years ago

Hi @dannykorpan, thank you for the suggestion.