How to change the logoTitle font in the upper left?

[jiatongw]

Hi, I am trying to change the logoTitle font in the upper left.

I tried the method mentioned in #7 , but it didn't work.

Could anyone help me on this? Thanks!

[big-mon]

Try Edit in /assets/sass/_custom/_custom.scss

$logo-font-family: FONT_FAMILY_NAME_HERE;

My website, it's work.

[casperl]

Update: There is something called Hugo-extended that allows you to work with SASS etc.

Uninstalling the Ubuntu snap for Hugo and re-installing with

sudo snap install hugo --channel=extended

This fixed this problem.

---

This is not working for me either. The SCSS is not being updated for the Hugo server serving to localhost:1313 and at this stage I have run out of ideas.

1. In config.toml I set:

customCSS = ['custom.css']

2. In ./themes/jane/assets/sass/_custom/_custom.scss I set $logo-font-family to the same as the default font.

Running sass jane.scss | less I get the code below for the logo class which indicates that the code in 2) is correct.

3. Viewing the temporary css file served by the Hugo server to localhost after getting that file name from viewing the page source, I get this line which is the old line:

.logo-wrapper .logo{font-size:36px;font-family:cursive,LiSu,sans-serif}

I don't understand the mechanism whereby sass files are compiled or updated by Hugo, but I assume it happens sort of automatically. I searched for an actual css file that I could create manually, but could not locate such a file therefore I assume Hugo is responsible for the conversion from scss to css.

This reference does appear in the page source:

<link rel="stylesheet" href="/css/custom.css">

However attempting to view that custom.css file it does not exit and returns a 404 error.

I am running Ubuntu 20.04 with the latest Hugo v0.91.2 as a snap package and I have installed sass from the Ubuntu repos.