Title Hover Effect
-
Dear users: I tried to make a effect with the title. My intention was make the picture slide less opaque and the text appears, centred, over it at the same time when the cursor would be hover. I wrote a new code but the text-link doesn’t work because of the padding… Anyone could please help me? Thanks in advance!
.slideshow_container .slideshow_description_box { background: none; } .slideshow_container .slideshow_description_box div.slideshow_title { font-family: Arial,sans-serif; font-size: 40px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; width: 100%; height: 450px; } .slideshow_container .slideshow_description_box div.slideshow_description { } .slideshow_container .slideshow_description_box div.slideshow_title a:link { padding-top: 200px !important; } .slideshow_container .slideshow_transparent { } .slideshow_container .slideshow_description_box div.slideshow_title { filter: alpha(opacity = 0); opacity: 0; } .slideshow_container .slideshow_description_box div.slideshow_title:hover { filter: alpha(opacity = 100); opacity: 1; } .slideshow_container .slideshow_slide_image { filter: alpha(opacity = 100); opacity: 1; } .slideshow_container .slideshow_slide_image:hover { filter: alpha(opacity = 50); opacity: 0.5; }
https://wordpress.org/plugins/slideshow-jquery-image-gallery/
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘Title Hover Effect’ is closed to new replies.