Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1072773

    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.

    #1074810

    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

    #1077031

    Brilliant. Thank you as always.

    Please mark this as resolved.

    #1077124

    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

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.