dillonzq / LoveIt

❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
https://hugoloveit.com
MIT License
3.42k stars 1.09k forks source link

[FEATURE] Lazyload Carousel #316

Open matteototaro opened 4 years ago

matteototaro commented 4 years ago

Hi @dillonzq , I'm the same guy that the other day told you I had typeIt issues and image alignment issues but with the latest commit it got solved! Thanks.

I was wondering if it's possible to include the carousel class with lazyload. I found out that in order to function I need bootstrap.min.js , bootstrap.min.css and jquery.js.

I tried to put them in a post and it works indeed but I had a font resizing problem in all the website (body, article, header, footer, etc.) and it shrunk all the font everywhere. I'm not practical with javascript and I know there's a limitation in all of these projects being static sites in the first place, so I was wondering if you could suggest me how to solve this issue instead of putting a tag almost everywhere.

I know there are few ways to avoid this and I tried to declare it at the beginning of the post like this body {font-size: 18px} or similar but in fact it's not a final solution in my opinion. I read online that previous bootstrap version needed to put html{font-size: 100%} for example in a .css file and I tried to put it in the override.scss but it didn't work.

Feel free to correct me because I'm new to these languages, thanks in advance!

dillonzq commented 4 years ago

@matteototaro Thanks for your feedback. Sorry I am not familiar with Bootstrap. It seems that your problem is the compatibility of Bootstrap and this theme.