Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #305224

    kylepholloway
    Participant

    I’m using the integrity theme. Link here :http://springs.church.s198939.gridserver.com

    I’ve made two buttons on my home page as layers in my revolution slider. I want to make the entire button a clickable link. I have tried href tags in the text box for the layer but this only makes the actual text link and not the entire button I’ve created.

    Some help with this would be great!

    #305589

    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    Request you to kindly walk-through following documentation:

    http://www.themepunch.com/faq/how-to-hyperlink-slides-and-layers/

    Hope that helps.

    Thanks.

    #307151

    kylepholloway
    Participant

    Thanks for the reply! Like I said in my first post, I have already tried the option for standard text and my issue is that it is only making the actual text clickable and not the entire button I’ve created with rev slider. Is there something custom I can do in order to make the entire button clickable?

    springs.church is my new website domain. Thank you. Buttons are on the homepage.

    #307510

    Rad
    Moderator

    Hi there,

    In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks!

    #307967

    kylepholloway
    Participant
    This reply has been marked as private.
    #308153

    Rue Nel
    Moderator

    Hello There,

    Please edit your slider and replace the text in the button with code instead:
    <a href="http://your-link.here" style="text-decoration: none">SERMON ARCHIVE</a>

    http://prntscr.com/7jfnrp

    We’d love to know if this helped you.

    #309522

    kylepholloway
    Participant

    Hello! Thanks for the reply. I have tried your code and still isn’t working properly. I have left it active so you can go to the page and see how its responding. This are the issues:

    1) It changed the color to orange.

    2) the text is the only clickable linked, not the whole button.

    I thought maybe a width of 100% but that didn’t work either.

    #309725

    Nico
    Moderator

    Hi There,

    You could try using shortcode on adding a custom button on your slider.

    Check the link below on how to do it.

    https://community.theme.co//forums/topic/add-custom-button-to-revolution-slider/
    https://community.theme.co//forums/topic/revolution-slider-button-2/

    Hope it helps.

    Thanks.

    #310738

    kylepholloway
    Participant

    Thanks! This is working well for me!

    Only issue I’m having is styling the hover state inside of the short code. What determines the hover state?

    #310929

    Friech
    Moderator

    Hi There,

    Both Link hover and Button hover settings are on Customizer. But this was overwritten on the site with the inline color property CSS rule and has declared as !important on your button shortcode. Remove the !important rule and add the css code below for custom hover color.

    .tp-caption .x-btn:hover {
    	color: red;
    }

    Thanks!