Support » Plugin: MaxSlider » Link to a url without button

  • Erpol

    (@erpol53)


    Hi,

    Is it possible to link to a url when clicking on the image or title, without having to physically display a button ?

    Thanks,

    RP

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Fotis

    (@markwaregr)

    Hi there,
    you can add this

    .maxslider-slide-content a {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
        opacity: 0;
    }
    .maxslider-slide-content{
        transform:translateY(0);
        
        -webkit-transform:translateY(0);
        top:0;
        bottom:0;
        height:100%;
        margin:0;
    }
    .maxslider-slide-content-pad h3{
      position: absolute;
        -webkit-transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
    }

    in your custom CSS box, but it will work for centered title only.

    Erpol

    (@erpol53)

    Hi,

    Thanks a lot for the super quick reply.

    It works, insasmuch it does move the title to the top center – I also found a way to target a specific slider, by replacing .maxslider-slide-content... with .maxslider-0000-slide-content..., 0000 being the slider id.

    But it doesn’t link to a url when I click the title. Where should this url be ? Is it supposed to be the button url in the slider settings, or something else ?

    Thanks for clarifying!

    RP

    Plugin Support Fotis

    (@markwaregr)

    Hi there,
    You will need to actually add a URL in your slide. The suggested code will hide the button but it will extend it to cover all the slide image.

    Hi,

    Thanks for the clarification, this did it!

    I managed to make it work for a specific slider AND slide. In case someone else is interested, I replaced the above code by:

    
    .maxslider-000-slide-00 .maxslider-slide-content a {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
        opacity: 0;
    }
    
    .maxslider-000-slide-00 .maxslider-slide-content  {
        transform:translateY(0);
        -webkit-transform:translateY(0);
        top:0;
        bottom:0;
        height:100%;
        margin:0;
    }
    .maxslider-000-slide-00 .maxslider-slide-content-pad h3{
      position: absolute;
        -webkit-transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
    }
    

    – 000 is the slider id, that you can get from hovering over the slider name in the slider list (like a post)

    – 00 Is the slide number, just its order in the slides list (starting a 0)

    This way all other slides titles, subtitles and buttons behave normally as per their settings, except for the specific slide where the whole image area becomes the button.
    For it to work properly, you need to specify a link for the button, but no text.

    RP

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Link to a url without button’ is closed to new replies.