looking for this text coding

[Astraea]

hello!

Forum URL: serendipitypack.boards.net/

My Forum URL: suaviswolfpack.boards.net/

how do i get the text glow coding? the one that spreads out slowly, i need the coding! the one i have for my site isn't the one i've been looking for ^^ thank you!

[Craig]

Hi Erarosa

It is a little unclear, so just to confirm, are you referring to the headings, eg the category names and Forum Information & Statistics etc?

If so, that looks like some shadow has been added to the text. Try adding this to the bottom of your stylesheet to see if it gives the desired effect.


.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 {
text-shadow: 3px #000000;
}

You can change the colour [ 000000 ] and the stength of the shadow [ 3px ] to your liking.

CSS Shadow: www.w3schools.com/css/css3_shadows.asp
Stylesheet: admin > themes > advanced styles and css > stylesheet

[Retread]

May 24, 2020 18:24:17 GMT -8 Astraea said:

how do i get the text glow coding? the one that spreads out slowly

Hi Astraea

As Craig mentioned, it isn't clear exactly what you're after here. If you mean the effect that occurs when links are hovered, I noticed the Style Sheet for the forum in your first link has a modification at the very top. I added some tabs to make it a bit more readable and a comment so it will be clear what it does.

You can add this to the bottom of the Style Sheet for any or all of the themes on your forum.

/* Expanding 'Glow' on Links when Hovered */
a:hover{
   cursor:pointer;
   text-decoration:underline;
   animation-name:linkhoverglow;
   animation-duration:3s;
   animation-iteration-count:1;
   animation-direction:normal;
   -webkit-animation-name:linkhoverglow;
   -webkit-animation-duration:3s;
   -webkit-animation-iteration-count:1;
   -webkit-animation-direction:normal;
   -moz-animation-name:linkhoverglow;
   -moz-animation-duration:3s;
   -moz-animation-iteration-count:1;
   -moz-animation-direction:normal;
   -o-animation-name:linkhoverglow;
   -o-animation-duration:3s;
   -o-animation-iteration-count:1;
   -o-animation-direction:normal;
}
@keyframes linkhoverglow{
   from{
       text-shadow:0 0 0;} to{text-shadow:0 0 8em;}
}
@-webkit-keyframes linkhoverglow{
   from{text-shadow:0 0 0;} to{text-shadow:0 0 8em;}
}
@-moz-keyframes linkhoverglow{
   from{text-shadow:0 0 0;} to{text-shadow:0 0 8em;}
}
@-o-keyframes linkhoverglow{from{text-shadow:0 0 0;} to{text-shadow:0 0 8em;}
}
/* End of Section */

[Astraea]

apologies for the delay in response!

Retread had exactly what i have been looking for, thank you so much you two!

[Craig]

Awesome. Don't worry about the delay, and thanks for posting back

[Nscalerr 🐺]

Interesting effect, just had to pinch it.