Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 24, 2016 at 4:58 pm #603241
    MulderMind

    Hi,

    I want to include two buttons in the caption field of the ‘full width easy slider’.
    I found an old post on here where Ismael gave the following code to achieve this:
    .caption_framed .slideshow_caption .avia-caption-content p:last-child {
    display: none;
    }

    It doens’t work though.

    Any other way I can do it?

    March 27, 2016 at 2:24 pm #603879
    Vinay

    Hi MulderMind!

    Please remove the CSS and use the below shortcode for the button in the caption area

    
[av_button label='Click me' link='manually,http://' link_target='' size='small' position='left' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']

    To View the shortcodes please enable debug mode for the advance layout builder elements http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Best regards,
    Vinay

    March 29, 2016 at 11:11 am #604361
    MulderMind

    Hi Vinnie,

    Thanks for your reply – the code works but it’s not the effect i want.

    I attached a file with the effect I want to achieve.

    Cheers,

    March 29, 2016 at 2:55 pm #604583
    Yigit

    Hi!

    Can you please post the link to your page?

    Best regards,
    Yigit

    March 29, 2016 at 7:29 pm #604761
    MulderMind

    Yay, Yigit to the rescue :-)

    Link in private!

    It’s the fourth row and basicly I want the text/buttonfield it to look like the third row but with a slider function.

    March 29, 2016 at 11:19 pm #604842
    Yigit

    Hey!

    Yay! I hope so ;D
    Please add following code to Quick CSS 

    .caption_framed .slideshow_caption .avia-caption-title { width: 100%; margin-bottom: 0; }
@media only screen and (min-width: 767px) {
.caption_framed .slideshow_caption .avia-caption-content p {
    min-height: 200px;
}
#top .avia-slideshow-button {
    margin-top: 0;
    position: relative;
    top: -60px;
    margin-left: 10px;
}
#top .avia-slideshow-button {
    color: black!important;
    background: transparent!important;
    border: 3px solid black;
}}

    Cheers!
    Yigit

    March 30, 2016 at 9:44 am #605055
    MulderMind

    Thanks so much – works perfectly!

    One more thing, the caption tittle font is displayed in capitals, while i prefer to have it shown in H3.
    I tried to put a <h3> </h3> in de normal caption text but thats overflown.
    Any other way to do that?

    • This reply was modified 8 years, 7 months ago by MulderMind.
    March 30, 2016 at 4:36 pm #605266
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    div .slideshow_caption h2 {
    text-transform: none;
}

    Regards,
    Yigit

    March 30, 2016 at 9:11 pm #605467
    MulderMind

    Thanks again.

    Next time I have a question I’ll add your name to the topic cause you solve stuff like a boss.

    Have a good day!

    March 30, 2016 at 10:28 pm #605509
    Yigit

    Hey!

    Sure, please feel free to do so. That is very flattering for me to hear :)
    You too have a good day!

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Include buttons to Easy Slider framed text field’ is closed to new replies.