Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 4, 2016 at 4:35 pm #708310
    LeonLinnartz

    Hi,

    I have a testimonials element on my homepage. It gets larger and larger when adding new testimonials. I would like the element to have a max height and becom scrollable when reaching this maximum height.
    I do not want an individual testimonial to be scrollable above a maximum height, but the entire element.
    Is there a solution to this?

    Thanks.

    Leon

    November 4, 2016 at 10:01 pm #708446
    Vinay

    Hey LeonLinnartz,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    November 4, 2016 at 11:27 pm #708470
    LeonLinnartz

    Hi Vinay,

    The page consists of slider and below slider three columns
    The tesitmonials element is in the lowest middle column.

    Thanks for your help.

    Leon

    • This reply was modified 8 years, 12 months ago by LeonLinnartz.
    November 5, 2016 at 1:48 am #708494
    Vinay

    Hi,

    1. Enable custom css class name support and add a class name called “custom-testimonial” to the testimonial column or grid that you are using.

    2. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .custom-testimonial .flex_cell_inner {
    max-height: 300px;    
    overflow: auto;
}

    Best regards,
    Vinay

    November 8, 2016 at 10:45 am #709684
    LeonLinnartz

    Hi Vinay,

    I did exactly what you proposed, but it does not work.
    The testomonials element is still the same heigth. No difference in appearance whatsoever.

    Do you have any other suggestion?

    Best regards, Leon

    November 10, 2016 at 7:57 am #710564
    Ismael

    Hey!

    Please replace the css code with the following:

    .custom-testimonial {
    height: 300px;
    max-height: 300px;
    display: block;
   overflow-y: scroll;
    overflow-x: hidden;
}

    Cheers!
    Ismael

    November 10, 2016 at 1:32 pm #710701
    LeonLinnartz

    Ismael and Vinay,

    This worked. Thanks for your time and effort!

    Cheers, Leon

    November 10, 2016 at 3:18 pm #710742
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold Testimonials Element fixed height and scrollable’ is closed to new replies.