Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 28, 2015 at 10:56 am #451082
    marijnmees

    Hi there,

    I’m having trouble figuring out how to customize the styling and function of the full-screen slider caption and/or buttons. What I would like:

    1. a white text as shown in the first slide here: http://meesvisser.com, but positioned more to the left
    2. the text should be a clickable link to the related portfolio item
    3. no animation of the text/button

    I would say it should be a frameless button with a custom position and custom text size…. but how to do that…?

    Thanks!!

    Marijn

    May 30, 2015 at 10:59 am #451968
    Andy

    Hi marijnmees!

    Which buttons are you talking about? can you show us screenshots to make things clear? you can use imgur.com or dropbox for your screenshots.

    1. Use this in Quick CSS field:

    .slideshow_align_caption {
left: -104px;
}

    2. You can use html code when implementing your captions. Use something like:

    <a href="www.google.com">Your Slider Caption</a>

    as your captions.

    3. Which animation and which button? please show us screenshots.

    Cheers!
    Andy

    June 1, 2015 at 11:55 am #452481
    marijnmees

    Hi,

    Thanks for the info. Seems to work, but I still some issues: the code for changing the position now effects all slideshows on the whole site.

    For the homepage it is ok now: http://imgur.com/2RTZkwD

    but for the project pages the caption should still be centered:

    View post on imgur.com

    any ideas?

    Thanks !

    June 2, 2015 at 6:19 pm #453286
    Andy

    Hi!

    hm … try to activate custom class for all ALB elements, follow this tutorial:
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and give your slideshow in question a unique CSS class, so only this will be effected.

    Regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.