I started 2 days ago on css. I have mainly used html :) I ran into a little problem with hovering.
I have an title and an subtitle. I want the title to move up a little and the subtitle to fade in when hovering over the background picture. So when "img-text-wrapper:hover" activates, i want to have it to have action in both ".subtitle" and ".subtitle2". I think it is because the padding of the subtitle is overlapping the padding of the title, so i cant do something like this, cause then the subtitle wont activate. I hope you understand :/ :/
I need help with hovering
in CSS
Posted
Hi!
I started 2 days ago on css. I have mainly used html :) I ran into a little problem with hovering.
I have an title and an subtitle. I want the title to move up a little and the subtitle to fade in when hovering over the background picture. So when "img-text-wrapper:hover" activates, i want to have it to have action in both ".subtitle" and ".subtitle2". I think it is because the padding of the subtitle is overlapping the padding of the title, so i cant do something like this, cause then the subtitle wont activate. I hope you understand :/ :/
.country:hover .subtitle2{
font-weight: 600;
color: black;
padding-bottom: 60%;
}