# Display more columns on front page

**URL:** <https://colorlibsupport.com/t/display-more-columns-on-front-page/12057>\
**Category:** Sparkling\
**Created:** [September 6, 2016, 6:34am UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057 "2016-09-06T06:34:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![unclebazinga](https://colorlibsupport.com/user_avatar/colorlibsupport.com/unclebazinga/32/286_2.png) [@unclebazinga](https://colorlibsupport.com/u/unclebazinga)\
**Post date:** [September 6, 2016, 6:34am UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/1 "2016-09-06T06:34:04Z")

</div>

Hi @movin,

first of all thanks, I have the same question like in this [thread](https://colorlibsupport.com/t/change-grid-of-blog/#post-69573). Anyway, when I implement the solution mentioned there the custom CSS code basically works, but the “read older/more articles” button totally gets messed up. How can I fix that? Many thanks in advance!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [September 7, 2016, 4:07pm UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/2 "2016-09-07T16:07:40Z")

</div>

Hi @unclebazinga,

I hope you are well today and thank you for your question.

I have updated the CSS code in the following topic to resolve the issue so please try using it.

[https://colorlibsupport.com/t/change-grid-of-blog/#post-67903](https://colorlibsupport.com/t/change-grid-of-blog/#post-67903)

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![unclebazinga](https://colorlibsupport.com/user_avatar/colorlibsupport.com/unclebazinga/32/286_2.png) [@unclebazinga](https://colorlibsupport.com/u/unclebazinga)\
**Post date:** [September 12, 2016, 11:46am UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/3 "2016-09-12T11:46:19Z")

</div>

@Movin: Unfortunately the issue persists. See this link for images with 2 columns and 3 columns and how the ‘older posts’ button behaves in conjunction with them. Thanks!

[http://imgur.com/a/uO2mm](http://imgur.com/a/uO2mm)

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [September 13, 2016, 11:58am UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/4 "2016-09-13T11:58:02Z")

</div>

It is working fine for me using updated code.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

---

<div class="post-metadata">

**Author:** ![unclebazinga](https://colorlibsupport.com/user_avatar/colorlibsupport.com/unclebazinga/32/286_2.png) [@unclebazinga](https://colorlibsupport.com/u/unclebazinga)\
**Post date:** [September 13, 2016, 12:50pm UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/5 "2016-09-13T12:50:41Z")

</div>

@Movin: nvm, I made a small mistake on my side, now it’s working fine. Thanks for the help!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [September 14, 2016, 8:58am UTC](https://colorlibsupport.com/t/display-more-columns-on-front-page/12057/6 "2016-09-14T08:58:10Z")

</div>

You are most welcome here 🙂