Display Promoted Articles in 4 columns instead of 3 on the home page

Answered

3 Comments

  • Vladan Jovic

    Hi Jen,

    Here is how to achieve that:

    - edit your theme CSS file

    - The 913th row you will find:

    .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    }

    - change it to:

    .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 25%;
    }

    - The 925th row in the CSS file find:

    .promoted-articles-item:nth-child(3n)

    - change it to:

    .promoted-articles-item:nth-child(4n)


    - Save and Publish

    Hope this helps ;)

    0
  • Jen

    Awesome, that did it!  Thanks Vladan!

    0
  • Vladan Jovic

    Glad to hear that! Thanks for the feedback, Jen!

    0

Please sign in to leave a comment.

Powered by Zendesk