Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change header's style from a solid color to a custom background (like linear-gradient)? #83

Open
nicokosi opened this issue Nov 14, 2021 · 1 comment

Comments

@nicokosi
Copy link

Hello,

My blog has a blue header via HEADER_COLOR=PowderBlue.

I would like to change header's style to background: linear-gradient:
Screenshot 2021-11-14 at 16 12 15

I have tried to change User defined CSS but I was not able to change the style (I am a CSS newbie 😇).

Thanks in advance for your help. 😃

PS: my blog's code is in this GitHub repository.

nicokosi added a commit to nicokosi/pelican-clean-blog that referenced this issue Nov 15, 2021
nicokosi added a commit to nicokosi/pelican-clean-blog that referenced this issue Nov 15, 2021
I can be used in User defined CSS (https://github.com/gilsondev/pelican-clean-blog#user-defined-css), for instance like this:

	div#header-with-navigation {
	  background: linear-gradient(Red, Black);
	}
@nicokosi
Copy link
Author

nicokosi commented Nov 15, 2021

I did these two changes in my own fork:
nicokosi@bbe6c13
nicokosi@1f27d18

It allows this (see blog change):
Screenshot 2021-11-15 at 06 10 17

Not sure if I should propose the change "upstream". ❓

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant