• 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.