Comments (6)
For now there's no ready-made way to change the background color. But actually, all the scss code put in the custom.scss
will be generated into site's main css, background colour can alse be defined through this way.
As for font, you can change the font size/color, font-family and theme color scheme also using custom scss, check more details at https://github.com/amzrk2/hugo-theme-fuji#advance-configration.
from hugo-theme-fuji.
Thank you for the reply.
So which file should I copy from the theme folder to make changes and then save it as custom.scss
?
Also can I save my custom font in assets folder and then reference it in custom.scss
?
from hugo-theme-fuji.
Just create a new sitefolder/assets/sass/custom.scss
and copy variables you want to change from readme.
Need Hugo extended version.
Font-face works, if your custom font is sitefolder/static/fonts/aaa.woff2
:
@font-face {
...
url(/fonts/aaa.woff2)
}
Then change the font-family
.
from hugo-theme-fuji.
Thank you for all the help.
Final question. Sorry for my ignorance but what should I add in custom.scss
for background?
Reference:
background colour can alse be defined through this way.
Also I tried changing the font. It didn't work.
@font-face {
font-family: 'mallory';
src: url(/fonts/mallory.woff2);
}
I added this.
from hugo-theme-fuji.
For example:
body {
background-color: #3F3F3F !important;
}
About font, see: https://imgur.com/a/JJ64ic5
from hugo-theme-fuji.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from hugo-theme-fuji.
Related Issues (20)
- Iconfont
- Align picture to center
- Code Fence Unexpected Replacements
- Support for Giscus? HOT 2
- 搜索功能无法使用 HOT 2
- i18n toggle? HOT 1
- No TOC with asciidoctor content
- Default to dark mode HOT 4
- Adding author tag on the Fuji theme
- disqus comments are not getting loaded HOT 2
- search issue HOT 1
- contact and webmention
- question
- disqus comments unreadable
- Considering support `$ ... $` as inline math HOT 1
- Error: add site dependencies: load resources: loading translations: HOT 1
- How Can I Remove the Tag Icon if There are No Tags HOT 1
- Is it possible to add a cover image to posts? HOT 1
- utterance repeats comments on each post
- 手机版侧边栏导航不太喜欢
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hugo-theme-fuji.