Hover effect not working

I want to add hover effect on tab icons on left side as you can see that there is a hover effect with bg-color blue .But i am unable to add this do not know why codepen link"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
16 Replies
Chris Bolson
Chris Bolson•16mo ago
The main reason is that you have a layer which is covering all the contents
<div class="fixed w-full h-full bg-center bg-cover bg-no-repeat bg-theme-background-mobile sm:bg-theme-background "></div>
<div class="fixed w-full h-full bg-center bg-cover bg-no-repeat bg-theme-background-mobile sm:bg-theme-background "></div>
Moni
Moni•16mo ago
can i override them
Mannix
Mannix•16mo ago
giving that layer pointer-events:none; should give you ability to hover over the tabs
Moni
Moni•16mo ago
can you tell me why i am having a silver background in my spotify card"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
Moni
Moni•16mo ago
i want the same background color for the spotify card as the background color of the body
vince
vince•16mo ago
You already have a post for this and instead of fixing your 4000 line css file you burden someone else with it
croganm
croganm•16mo ago
The border class is why You have a border class for that entire box and for some reason, buried in the CSS, the border class causes a background image that causes that shiny background Lol it's tailwind mixed with all their css.
vince
vince•16mo ago
Yea it's just lazy 🤷 it's my pet peeve lol
croganm
croganm•16mo ago
Remove the border right after you make the flex div for the entire box
Moni
Moni•16mo ago
yeah i know but it is someone else code i do not know why someone will do this
vince
vince•16mo ago
Fair enough
Moni
Moni•16mo ago
i want top and bottom margin for card but do not know why it is not working for small screen sizes"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
vince
vince•16mo ago
I don't know tailwind sorry
croganm
croganm•16mo ago
What do you mean? Like, by margin There's no other elements Do you mean padding or something
Moni
Moni•16mo ago
yes i want space from top and bottom for my card for small screen sizes there should be some space between body and card
croganm
croganm•16mo ago
I'm sorry but I can't crawl through all that css to figure why it's not working I'm on mobile rn Not the best for debugging
Want results from more Discord servers?
Add your server