[OUTDATED] ★ Tetra's CSS Guide ★
Posted 2020-11-15 11:14:06
ive a question! so on the navigation bar, how would you go about changing the mouse-over color? for example in my den when i mouse over the links the icons are a light blue, and getting rid of the font color makes the icon as well as the text blue. sorry in advance if i skimmed over this on the documentation guides, ive looked around n fiddled a bunch with the code but i cant seem to figure it out ;; |
![]() eli #10010 |
Posted 2020-11-15 12:32:48
@eli I might have left out the hover element from the docs, oops. The code would be this: .navbar-status a:hover { /* code here */ } The :hover pseudoclass styles the element when it's being hovered on by the mouse. |
![]() *barks at you* #202 |
Posted 2020-11-15 13:17:59
@tεtra ahh tysm! |
![]() eli #10010 |
Posted 2020-11-15 13:45:31
@ tεtra If this is an issue, please let me know and I will take it down. ✧ Spib's Bio and CSS/HTML resources ✧ <--- the forum where I linked it |
![]() Spibs #12219 |
Posted 2020-11-15 13:47:46
@Spibs No problem with that! |
![]() *barks at you* #202 |
Posted 2020-11-15 13:49:10
@ tεtra Alright, awesome! Thank you :) |
![]() Spibs #12219 |
Posted 2020-11-15 19:51:57
aa ive another question how would you select the individual icons next to the navigation links? ive gotten to the point where hovering over text gives the right color but icons are still a no-go. i tried .icons a:hover , .navbar-icons a:hover, and a couple other selectors but nothing popped up im a total noob at css so hopefully im not missing something right in front of me or doing something weird lol |
![]() eli #10010 |
Posted 2020-11-15 20:04:25
@eli No worries, it happens to be another tiny selector I hadn't included (i really need to update the docs soon). It would be .navbar-main .nav-link .fa, and .navbar-main .nav-link:hover .fa for the icons' hover color. |
![]() *barks at you* #202 |
Posted 2020-11-15 20:35:26
@tεtra it works beautifully now, tysm!!! |
![]() eli #10010 |
Posted 2020-11-17 09:52:59
How do I view the image on imigur it won't let me. |
![]() Ashlynn #5284 |