Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 18, 2015 at 9:56 am #489328
    mgansevoort

    Hello,

    In the demo ‘home v11: transparant menu’ there are transparant buttons ‘show me’ and ‘learn more’ in the layerslider. To create this, i must use the custom css in the layerslider (Styles). Can you give me the right coding for this transparant button?

    greetz, marcel

    August 18, 2015 at 4:37 pm #489588
    Elliott

    Hi mgansevoort!

    Try this out.

    <a href="#about" class="avia-slideshow-button avia-button avia-color-light avia-multi-slideshow-button" data-duration="800" data-easing="easeInOutQuad">Learn more</a>

    Some more styling might be required for the LayerSlider so send us a link to your page if it looks weird.

    Regards,
    Elliott

    September 29, 2015 at 8:57 am #510593
    mgansevoort

    Thx, it works, but i want to ‘hover’ the buttons. So, when i go with the mouse stand on the button, the colors (of the text, border and background) change. How can i do that?

    greetz, marcel

    September 29, 2015 at 9:50 am #510619
    Rikard

    Hi Marcel,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    September 29, 2015 at 10:55 am #510666
    mgansevoort

    Yes of course, see the pirvate content

    September 29, 2015 at 5:10 pm #510855
    Elliott

    Hey!

    Add this to your custom CSS.

    .ls-slide a:hover p, .ls-slide a:hover div { color: red !important; border-color: red !important; }

    Cheers!
    Elliott

    October 5, 2015 at 2:40 pm #513819
    mgansevoort

    Works, thx, but, there’s still a little customisation:
    the background of the button must be red (after hoover) and the text must be white. Border is ok!

    • This reply was modified 9 years, 1 month ago by mgansevoort.
    October 5, 2015 at 6:18 pm #513978
    Elliott

    Hey!

    Just change the colors in the CSS.

    .ls-slide a:hover p, .ls-slide a:hover div { color: white !important; background: red !important; border-color: red !important; }

    Cheers!
    Elliott

    October 6, 2015 at 11:02 am #514281
    mgansevoort

    great, thx!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘transparant button in layerslider’ is closed to new replies.