search

frjo / hugo-theme-zen

A fast and clean Hugo base theme with css-grid and Hugo pipes support.
https://zen-demo.xdeb.org/
GNU General Public License v2.0
276 stars 80 forks source link

Enable wrapping text around images #76

Closed arky closed 1 year ago

arky commented 1 year ago

There seems to be no way wrap text around images in hugo-theme-zen.

image

https://dancing-tulumba-c1f460.netlify.app/en

https://dancing-tulumba-c1f460.netlify.app/en/book/watersil-paikhanara-byabahar-o-rakshanabekshana-1991/

frjo commented 1 year ago

Are you talking about setting float left/right on images? There are some examples in the _zen.scss files, look for img/figure and left/right/center.

Please remember that Zen is a base theme, not meant to be used as is. It is a foundation that you build your own house on, so to speak.

arky commented 1 year ago

Setting image-[left/right/center] doesn't seem to make much difference. The image would always be block display disallowing any text wrap.

At the moment, this is Proof-of-concept, we'll customize the base theme eventually.

frjo commented 1 year ago

Replace the hyphen with a space and it should work, class="image left" on an "img" tag e.g.

For most customer sites I add an empty /assets/sass/_zen.scss to completely remove the styles.

arky commented 1 year ago

Ah! Thank you for spotting my mistake.

I'll use /assets/sass/_zen.scss to override the styles in future.