Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 30, 2015 at 11:51 am #466332
    mandyluv2lol

    Hi,

    I find out the css code of the avia-slideshow-button, I know how to use in layer-slider.
    But I also want use it in the pages, I don’t konw how to write the HTML code

    the css code is found in the forum, as following:

    #top .avia-slideshow-button:hover {
    opacity: 0.7;
    }

    #top .avia-slideshow-button {
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    border: 3px solid #fff;
    padding: 7px 16px;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    background-color: rgba(0,0,0,0.2);
    }

    Waiting for your help:) thank you

    July 1, 2015 at 6:38 am #466796
    mandyluv2lol

    Does anyone help me with this?

    July 2, 2015 at 2:34 pm #467512
    Rikard

    Hey!

    I’m not sure what effect you are referring to, could you link to a page where we can see it please?

    Cheers!
    Rikard

    July 3, 2015 at 4:28 am #467815
    mandyluv2lol

    Hi, Rikard, thank you for your reply:)

    Here is the link: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/

    July 3, 2015 at 6:26 am #467830
    Basilis

    Hey!

    What Richard means is, can we see live somewhere, what you want to achive, and show us exactly what button functionality you want to copy?

    Regards,
    Basilis

    July 3, 2015 at 9:50 am #467875
    mandyluv2lol

    http://www.gooddata.com/
    http://www.newvoicemedia.com/
    Just like thest two websites, I want add the avia-slideshow-button beside or under a text.

    Thanks:)

    July 4, 2015 at 5:52 am #468299
    Rikard

    Hey!

    Please try to apply the following CSS to the item:

    transition: all 150ms linear;

    Best regards,
    Rikard

    July 4, 2015 at 7:32 am #468319
    mandyluv2lol

    Hi,

    I’m sorry that where to add?

    July 5, 2015 at 9:20 am #468493
    Rikard

    Hi!

    Please add the line I gave you to the code you pasted in your initial post then paste everything in Quick CSS under Enfold–>General Styling.

    Regards,
    Rikard

    July 7, 2015 at 9:54 am #469490
    mandyluv2lol

    Now I got it, thanks:)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Could you tell me the html code of Fade-Out Hover Effect button’ is closed to new replies.