Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2019 at 9:49 pm #1072773
    DigitalEssence

    Hi,

    I’m using

    .av_one_third {margin:5px;}

    to give me the following look using the Blog Post Grid layout but this makes everything float left and the grid doesn’t line up with the right hand side of the content:

    View post on imgur.com

    If I add a float:right to the above selector it lines up as expected but, I have the usual issue of float changing the order of the elements which I can’t have.
    I have tried everything I can think of but realise I’ve come screeching to the end of my knowledge and would appreciate some advice.

    .av_one_third {/*float:right;*/ margin:5px;}

    View post on imgur.com

    many thanks.

    March 5, 2019 at 12:02 pm #1074810
    Yigit

    Hey DigitalEssence,

    Please change following code

    .homepage-post-colour-section .blog-post-block .av_one_third {
    margin: 5px;
}

    to following one

    .homepage-post-colour-section .blog-post-block .av_one_third {
    margin: 5px;
    width: 32.4%;
}
.homepage-post-colour-section .blog-post-block .av_one_third:last-child {
    margin-right: 0;
}
@media only screen and (max-width: 1300px) { 
.homepage-post-colour-section .blog-post-block .av_one_third {
    width: 32%;
}}

    Best regards,
    Yigit

    March 10, 2019 at 4:20 pm #1077031
    DigitalEssence

    Brilliant. Thank you as always.

    Please mark this as resolved.

    March 10, 2019 at 10:11 pm #1077124
    Mike

    Hi,
    Glad Yigit could help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to float Blog posts grid to the right without changing order’ is closed to new replies.