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
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
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
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
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
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
Ismael and Vinay,
This worked. Thanks for your time and effort!
Cheers, Leon
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