Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 14, 2017 at 5:12 am #876429
    navindesigns

    Can you please give me some tips/advise on how to recreate a layout like this?

    https://extell.com/portfolio

    I was trying a color section with 1/5 + 1/5 + 1/5 + 2/5 which you can see here – https://www.themrteam.com/portfolio/

    The problem with this is that I cannot have another row of three 1/5 below the top 3

    Please advise

    Thanks

    November 14, 2017 at 5:48 am #876436
    Nikko

    Hey navindesigns,

    You can use combination of Grid Row and Column. Here is a screenshot as an example: https://imgur.com/a/el79m and the output is: https://imgur.com/a/xfybb

    Hope this helps. :)

    Best regards,
    Nikko

    November 16, 2017 at 4:47 am #877354
    navindesigns

    Thanks

    I was able to replicate that but have one more question

    1 – How do I decrease the spacing between the three images on the left ( I do want want to set the the first column to “No Space Between Columns”). I want a little space between but not as much as it is right now

    Portfolio

    November 16, 2017 at 11:08 am #877443
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.page-id-6204 #av-layout-grid-1 .av_three_fifth .av_one_fourth {
    width: 23.5%;
    margin-left: 2%;
}

#top.page-id-6204 #av-layout-grid-1 .av_three_fifth .av_one_fourth.first {
    margin-left: 0;
}

    Hope this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.