search

curtiscde / hugo-theme-massively

Massively theme for Hugo static site generator
https://hugo-theme-massively.netlify.app
Other
155 stars 138 forks source link

Is it possible to change the text at the top of the theme? #91

Closed brimwats1 closed 2 years ago

brimwats1 commented 4 years ago

I'd like to use a black and white image for www.histsex.com, but the white text gets washed out when this is tried. Is it possible to add a dark box behind the text, or to change the text color?

asolisc commented 4 years ago

I have the same problem. Has anyone been succesful?

WillNaylor1994 commented 4 years ago

I'd like to use a black and white image for www.histsex.com, but the white text gets washed out when this is tried. Is it possible to add a dark box behind the text, or to change the text color?

Not sure about the box, but changing the text colour would be easy.

Just search 'intro h1' in your text editor to see where the css is. I use Vs Code because you can search the entire codebase quickly.

It's in main.scss line 2069, the colour is et to #ffffff which means white. you can update to any hex colour here.

curtiscde commented 2 years ago

v6.2.0 introduces the ability to add custom HTML <head> elements by creating a new file to inject them as described here:

https://github.com/curtiscde/hugo-theme-massively#custom-head

In the new file you could then add reference to a new CSS file:

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

Your custom.css could then apply overriding styles to update the header, for example:

h1 {
    background: #000;
    padding: 10px;
}

I hope this helps!