Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 21, 2014 at 9:38 am #307233
    kmue

    Hi,

    thanks for your nice theme! I need help with two little issues regarding the sliders.

    – One slider is a content and the other is a post slider (see attachment). The navigation of the left slider looks nice and the right slider should loo the same.
    – The post slider should to not show any thumbnail at all. The thumbnail (or beginning of content) should be aligned to the other two blocks.

    Kind regards,
    Karsten

    August 21, 2014 at 2:58 pm #307381
    Dude

    Hey kmue!

    1) You can modify the post slider and add the “avia-smallarrow-slider” class to it – then the navigation button layout should change. Follow the instructions here http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add “avia-smallarrow-slider” (without the quotes) into the Custom CSS class field.

    2) You can hide the feature image with css code – insert it into the quick css field or child theme style.css file:

    
.avia-content-slider .slide-image { display: none !important; }

    Cheers!
    Peter

    August 22, 2014 at 2:41 am #307600
    kmue

    Hi Dude,

    thanks for your answers!

    1) You can modify the post slider and add the “avia-smallarrow-slider” class to it – then the navigation button layout should change. Follow the instructions here http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add “avia-smallarrow-slider” (without the quotes) into the Custom CSS class field.

    Nice;) This works so far but places the arrows below the sliders content. How do I place it at top?

    2) You can hide the feature image with css code – insert it into the quick css field or child theme style.css file:

    .avia-content-slider .slide-image { display: none !important; }

    Hmm, works in the quick css field but not in my child theme style.css file. But more important is the remaining white space on top. How to remove this additional empty „line“? Please have a look at the site.

    bye,
    Karsten

    August 24, 2014 at 1:31 am #308354
    Josue

    Hey Karsten!

    Try adding this code to the Quick CSS:

    #top .avia-smallarrow-slider .avia-slideshow-arrows {
    top: -25px !important;
    position: absolute;
}

    Cheers! 
    Josue

    August 26, 2014 at 2:40 am #309059
    kmue

    Thanks. This places the arrows perfectly on top for the entries slider slider. But between the arrows for the content slider (on the left) and the heading there is too much space. How to remove this?

    bye,
    Karsten

    August 26, 2014 at 3:24 am #309071
    Josue

    Hey Karsten!

    Add this:

    .no-content-slider-heading .new-special-heading {
    display: none !important;
}

    Cheers!
    Josue

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