search

zwbetz-gh / cayman-hugo-theme

Cayman is a clean, responsive theme for Hugo, ported from the original Jekyll Cayman Theme.
40 stars 31 forks source link

how to set the font #3

Closed BenxiaHu closed 3 years ago

BenxiaHu commented 3 years ago

Hello, the theme (https://themes.gohugo.io/theme/cayman-hugo-theme/) looks great! Would you like to tell me how to change the font color of the menus, and remove the rectanges highlighed in red?

image

Best,

zwbetz-gh commented 3 years ago

You can do this by overriding the theme's stylesheet. Sample steps:

  1. Make sure the extended version of Hugo is installed
  2. Copy file themes/cayman-hugo-theme/assets/scss/cayman.scss to a new file at assets/scss/cayman.scss. Per Hugo's lookup order, this new file will be used when building the site
  3. Add the following SCSS to the bottom of the file. Change the color to whatever you like
// Overrides
.btn {
  color: rgba(255, 255, 255, 0.7);
  background-color: initial;
  border: initial;
}