Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 20, 2013 at 9:17 pm #191147
    Indiatravelz

    hi there,
    1)we would like to make a call to action button on the layer slider- is it possible?
    2)we did a link on a layer slider- how can the link change its color when you mouse over it?

    thank you in advance
    indiatravelz

    November 21, 2013 at 6:17 am #191338
    Ismael

    Hi Indiatravelz!

    You can create a new layer then add the button shortcodes’ html. It looks something like this:

    <div class="avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling ">
<a href="CHANGE THE LINK HERE" class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-large avia-position-center "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></a></div>

    Change the URL.

    Best regards,
    Ismael

    November 21, 2013 at 2:18 pm #191436
    Indiatravelz

    hi Ismael,
    thank you for your fast reply.

    we wanted to ask 2 things:
    1-in the html code you have sent us i.e.button for the slider: How do we change the size of the button
    2-How can we make changing color on text(link) while mouse hovering it?

    thanks
    indiatravelz

    November 21, 2013 at 5:52 pm #191529
    Yigit

    Hey!

    Can you post the link to your website so we can inspect elements to provide you more accurate custom CSS code?

    Best regards,
    Yigit

    November 22, 2013 at 1:42 pm #191824
    Indiatravelz

    hi

    here is the link for the slider
    http://indiatravelz.com/customized-guide-books/

    meanwhile it is not yet a button but a link wit a round padding misk behind it.

    we would like to know:
    1-in the html code you have sent us i.e.button for the slider: How do we change the size of the button
    2-How can we make changing color on text(link) while mouse hovering it?

    tthank you in advance
    indiatravelz

    November 22, 2013 at 11:45 pm #192135
    Yigit

    Hey!

    Please try adding following code to Quick CSS 

    a.ls-s-1:hover h3 { color: red; }
a.ls-s-1 h3 { line-height: 0!important; }

    If that does not do it, please create a temporary admin login and post it here privately.
    Cheers!
    Yigit

    November 26, 2013 at 1:54 pm #193411
    Indiatravelz
    This reply has been marked as private.
    November 27, 2013 at 9:22 pm #194075
    Yigit

    Hey!

    Changes are done. Please review your website. You can find custom CSS code i added in Quick CSS section in Enfold theme options. If you would like to change the size of the button on your first slide, please add following code to Quick CSS as well and adjust it 

    .avia-button.avia-size-large {
padding: 15px 100px;
}

    These are default values

    Cheers!
    Yigit

    November 28, 2013 at 8:18 am #194198
    Indiatravelz

    Hey YIgit,
    Thanks SO MUCH!!!

    November 28, 2013 at 9:22 am #194237
    Ismael

    Hi!

    Glad we could help. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘call to action button on a layer slider’ is closed to new replies.