Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 30, 2018 at 1:42 am #1027793
    tankerhq

    Hi there,

    I’d like to adjust the spacing between my columns on the blog thumbnail grid on my news page (currently using a 4 column layout). I’d like the spacing to be 33px.

    October 30, 2018 at 4:40 pm #1028146
    Nikko

    Hey tankerhq,

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

    .avia-content-slider .slide-entry.av_one_fourth {
    margin-left: 2.74%;
    width: 22.945%;
}

.avia-content-slider .slide-entry.av_one_fourth.first {
    margin-left: 0;
}

    Hope it helps.

    Best regards,
    Nikko

    November 1, 2018 at 2:49 am #1028677
    tankerhq

    Thanks, but not quite right yet.

    The spacing should be EXACTLY like the Artists page – four column grid with same spacing inbetween. I’ve tried adjusting the percentages in your code above but can’t get it to work.

    Also when I view on mobile, I am not seeing 1 column but rather 2 columns reduced in size. Again the mobile view needs to be exactly like the Artists page.

    Thanks for your help Nikko :)

    November 4, 2018 at 2:47 pm #1029615
    Mike

    Hi,
    I took a look at your pages, and while they are using different elements to create the grid, I believe I have adjusted the “news” page to the same width as the “artists” page.
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 478px) { 
.responsive #top.page-id-20604 #wrap_all .slide-entry {
width: 100% !important;
}
.responsive #top.page-id-20604 #wrap_all .slide-entry a img {
width: 100% !important;
}
}
@media only screen and (min-width: 767px) { 
.responsive #top.page-id-20604 #wrap_all .slide-entry {
width: 21.41% !important;
margin-left: 2.59% !important; 
}
.responsive #top.page-id-20604 #wrap_all .slide-entry a img {
width: 100% !important;
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    November 4, 2018 at 11:20 pm #1029699
    tankerhq

    Thanks Mike,

    This is looking a lot better – can we just adjust the alignment on the left? The thumbnails should be left aligned with the wording above.

    Thanks!

    November 5, 2018 at 9:10 pm #1030038
    Nikko

    Hi tankerhq,

    The login access doesn’t work anymore, please check.
    We’ll need it to inspect your site and give you css codes that should work.

    Best regards,
    Nikko

    November 12, 2018 at 12:58 am #1032379
    tankerhq
    This reply has been marked as private.
    November 13, 2018 at 2:43 pm #1033020
    Nikko

    Hi tankerhq,

    Can you try adding this css code:

    @media only screen and (min-width: 767px) { 
  .responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
  }
}

    Best regards,
    Nikko

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