Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2022 at 3:04 pm #1371240
    Ad-Min747

    Hi,
    I have 2 images galeries on my landing page. They both are perfect grid with no horizontal and vertical space in between square images equaly sized.
    When I check on the page, an horizontal white strip (space) appears in between the lines so I’m not black full background anymore.
    Any idea? I’d like no vertical and horizontal space in between images for both galeries. (This was initialy the case but appeared may be after the theme update or fex lines added in the custom CSS that I tried to delete but without effect)

    Best regards.
    JM

    PS: for info, you once gave me the following Quick CSS inclued in the theme options Quick CSS section. If useful

    #top.home #references figure.av-inner-masonry.main_color {
    border: 0px solid #333333!important;
    }
    #top.home #portfolio figure.av-inner-masonry.main_color{
    border:1px solid #808080!important;
    }
    #top .fullsize .template-blog .post-title {
    font-size: 20px;
    color: #003185;
    }

    November 5, 2022 at 7:38 pm #1371479
    Mike

    Hey Ad-Min747,
    Thanks for the link to your site, I believe you are referring to the Clients highlight section, try this css:

    #top.home .av-masonry-entry .av-inner-masonry {
	margin-block-end: 0;
}

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

    Best regards,
    Mike

    November 5, 2022 at 8:03 pm #1371483
    Ad-Min747

    Done! :-)
    Thanks Mike. I thought this was already the case in the exisiting custom CSS:

    #top.home #references figure.av-inner-masonry.main_color {
    border: 0px solid #333333!important;
    }

    A part from CSS website i can find, is there any section in the knowledge base to see the different components name such as “av-inner-masonry”, etc. to avoid disturbing “Enfolks” everytime.
    Sorry for this may be naive question…nevertheless illustrating good willing :-)

    November 5, 2022 at 8:16 pm #1371485
    Mike

    Hi,
    Glad this helped, sorry there is not a listing of all the inner div’s for the different elements, it would be too much, the best approach is to examine the elements with the browser Dev Tools or the browser inspector.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    November 5, 2022 at 9:17 pm #1371489
    Ad-Min747

    OK, thanks. May be you could mention the “code name” in the advanced editor of the selected component? Simple idea.
    Anyway, thanks for your constant promptitude in answering our request.
    Thanks and yes, you can close the thread.

    November 5, 2022 at 9:39 pm #1371492
    Mike

    Hi,
    Glad we were able to help, and thanks for the suggestion, 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 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Perfect Grid with no space or borders in between pictures’ is closed to new replies.