Hello Support.
On the homepage of a new site in development, we have a Grid Row element with 5 cells.
Each cell has linked image element. The images are 100px in height, except for one that is 90px.
The minimum height in the Grid Row settings is 90px.
The cells are all set to 0px padding.
The individual images are set to “No Styling” for Image Styling.
Access is in the private content area.
Can you help us “shrink”, or minimize the height for these cells?
I looked up a few posts and it looked like some code needed to be placed in the functions file – and if that’s the case, I want to make sure the code is appropriate for our site. It looked like each answer was unique to the sites.
Thank you,
Greg
Hey!
Can you post a screenshot/mockup of what would you want to achieve?
Best regards,
Josue
Hello Josue,
Here is a screenshot of what we’re looking for – and a screenshot of the current layout so you can compare them.
They’re not to exact scale – we want the ability to adjust the height – so I’m hoping for a solution that uses CSS from our child style sheet that we can access.
Thank you,
Greg
Hi,
Try the following CSS code:
#av-layout-grid-1 .flex_cell_inner {
padding: 35px;
}
Best regards,
Josue
Hello Josue,
That worked – thank you!
we can close this out…
~ Greg
Hi,
Glad we could help! We really appreciate it if you rate our theme on themeforest .
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay