khusika / FeelIt

A clean, elegant but advanced blog theme for Hugo
https://feelit.khusika.dev
MIT License
163 stars 58 forks source link

[BUG] style customization not working #77

Closed Gun9niR closed 1 year ago

Gun9niR commented 2 years ago

I'm pretty new to git hub issues, and English is not my native language so please excuse me if the wording is not that proper.

Problem

I'm trying to override the global font family of the theme using _override.scss described in the documentation. The file content is as follows.

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
$global-font-family: Montserrat, sans-serif;

But when I relaunch the site, I can see that the font Montserrat is requested (by looking at chrome developer tools), but the font is not set.

I also tried directly modifying the $global_font_family in _variables.scss in /themes/FeelIt/assets/css, but it seems only the title in the navbar header is changed. Looking at the generated scss files in /resources/_gen/assets, the font is still unchanged.

Environment

I'm working on macOS M1, Hugo is installed with homebrew, command hugo version gives the following result

hugo v0.88.1+extended darwin/arm64 BuildDate=unknown

I'm not sure which file I should modify. Any help would be appreciated.

mtrocadomoreira commented 1 year ago

Hello!

I was having the same issue, and I solved this by adding

@import "_override";
@import "_custom";

to "assets/css/home.scss" (see the change in my fork). Hope this helps!