Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #665005

    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

    #665017

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve?

    Best regards,
    Josue

    #665071

    Hello Josue,
    Here is a screenshot of what we’re looking for – and a screenshot of the current layout so you can compare them.

    • current layout screenshot: link
    • desired layout screenshot: link

    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

    #665082

    Hi,

    Try the following CSS code:

    #av-layout-grid-1 .flex_cell_inner {
        padding: 35px;
    }

    Best regards,
    Josue

    #665136

    Hello Josue,

    That worked – thank you!
    we can close this out…

    ~ Greg

    #665150

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid Row – Smaller Height’ is closed to new replies.