In response to blip #133575

SNPtheCat said:
Do you know how to give the contents in the header an outline if for example i used this with sticky header

do you mean like a stroke around the fa icons and text like this?

doing it around the font stuff is pretty easy (since I'd already done some of the work previously):

#nav-toggle, .nav-controls, .nav-controls .nav-tools-login { --header-stroke: #000000; /*<- stroke color*/
text-shadow: -.67px -.67px 0 var(--header-stroke), -.94px 0 0 var(--header-stroke), -.67px .67px 0 var(--header-stroke), 0 .94px 0 var(--header-stroke), .67px .67px 0 var(--header-stroke), .94px 0 0 var(--header-stroke), .67px -.67px 0 var(--header-stroke), 0 -.94px 0 var(--header-stroke); }

I don't know if it'd be possible to do something similar with the site logo, though.

Responses

In response to blip #133579

dba_afish said:
do you mean like a stroke around the fa icons and text like this?

doing it around the font stuff is pretty easy (since I'd already done some of the work previously):

#nav-toggle, .nav-controls, .nav-controls .nav-tools-login { --header-stroke: #000000; /*<- stroke color*/
text-shadow: -.67px -.67px 0 var(--header-stroke), -.94px 0 0 var(--header-stroke), -.67px .67px 0 var(--header-stroke), 0 .94px 0 var(--header-stroke), .67px .67px 0 var(--header-stroke), .94px 0 0 var(--header-stroke), .67px -.67px 0 var(--header-stroke), 0 -.94px 0 var(--header-stroke); }

I don't know if it'd be possible to do something similar with the site logo, though.

yeah, thanks for the stroke!

In response to blip #133579

dba_afish said:
do you mean like a stroke around the fa icons and text like this?

doing it around the font stuff is pretty easy (since I'd already done some of the work previously):

#nav-toggle, .nav-controls, .nav-controls .nav-tools-login { --header-stroke: #000000; /*<- stroke color*/
text-shadow: -.67px -.67px 0 var(--header-stroke), -.94px 0 0 var(--header-stroke), -.67px .67px 0 var(--header-stroke), 0 .94px 0 var(--header-stroke), .67px .67px 0 var(--header-stroke), .94px 0 0 var(--header-stroke), .67px -.67px 0 var(--header-stroke), 0 -.94px 0 var(--header-stroke); }

I don't know if it'd be possible to do something similar with the site logo, though.

e9 update means there's no text anymore, hmmm. Do you know how to give the icons a small border or background