Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2021 at 5:20 pm #1329724
    julhobart

    I have a grid row for the top of this page: https://ade-medical.z4pby1v9-liquidwebsites.com/blog/

    I cannot get the teal area to be the same height as the image on the left, can you help? have a custom class and am using this code:

    .blog.av-layout-grid-container {
    max-width: 1250px !important;
    max-height: 200px !important;
    margin: 0 auto !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    }

    but the cell height is unaffected. Can you help?

    Thanks!
    Julie

    November 20, 2021 at 1:53 am #1329754
    Mike

    Hey julhobart,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #av-layout-grid-1 .avia-content-slider .slide-entry-wrap,
#av-layout-grid-1 .avia-content-slider .slide-entry-wrap a.slide-image {
    margin-bottom: 0;
    padding-right: 15px;
}
#av-layout-grid-1 .flex_cell.avia-builder-el-first {
	padding: 0;
}

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area for the expected results.

    Best regards,
    Mike

    November 21, 2021 at 1:23 am #1329814
    julhobart

    Perfect, thanks!! You can close.

    November 21, 2021 at 1:22 pm #1329839
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘grid row cells not lined up’ is closed to new replies.