• I am trying to be able to link to something to an image to the bootstrap slider on the home page and know that you put the link code in the “Button” field for the slide, but is there a way to make this work WITHOUT having a Title and Description for that slide? Basically I want to be able to just click on the slide and take me to a location without having Title and Descriptions displayed on top of my image.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Lilianna_Antipikal

    (@lilianna_antipikal)

    Hi,
    I’m not sure I understand correctly, but I think you want your picture in the slider to link to another page without any text (title, description or button) visible? I did just that on my website (www.lilioweprojekty.pl). If that’s what you want, here’s how to do it:

    Step 1. Create a transparent image that is the size of your slider picture. I use 1200×400 (although the standard is, I think, 1200×450) so I made a png file with nothing in it. Save it on your server.
    Step 2. Go to theme settings and in the button field for the slide enter a link code that doesn’t use text but your image, example: <img src=”transparent_picture.png”>
    Step 3 (if necessary). I played around with the slider because I wanted all the text gone from the pictures (even if it meant no link at all) so I added a custom css code which removed the bar and text (even though it’s still there in the theme option fields). If you need, try to add this code to custom css:

    #bootstrap-slider .carousel-caption h2 {
    background:none;
    }

    .carousel-caption {
    background:none;
    }

    That should do the trick.

    Lilianna_Antipikal

    (@lilianna_antipikal)

    aah, sorry, I added hyperlink which changed into a link, silly me.. forgot about the backticks, the code is <a href="http://your_link_here/"><img src="http://yourserver/transparent_picture.png"></a>

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Theme: Evolve] Bootstrap Slider Links’ is closed to new replies.