Three items on homepage panes

  • ekanite



    Thank you for this great theme. I have customized it (using a lot of info from this forum). Still, I have encountered a problem I cannot solve on my own and seems nobody has already answered (I’ve searched, honestly).

    I need to have three posts in a single row (like one row with three columns) on a front page using homepage panes. My homepage uses only one column.

    I’m working locally, so I cannot provide a link yet.

    I manages to scale the posts’ containers to the sizes I need, yet I cannot change the alignment (the matrix they are in keeps putting them on two columns).

    Like this:

    I would need to have the ‘Documentation’, ‘Features and functionalities’ and ‘Layout and formatting’ on a single row (I only need three posts).

    Thank you so much for your time.



    I was using three columns in homepage panes a long ago. (with one column layout for homepage). Let me recall the method to achieve it.



    Hi and thank you very much!

    That would really be great.



    Any word on this? I am having the same difficulties. Thanks.



    I used to decrease the pane width to get three column layout. But it doesn’t work in the latest versions of Graphene. Let’s see if there is an alternate solution.



    Sounds good. I’m really just trying to get a layout similar to this site.

    If you can advise on another route to take, I’d really appreciate that too.


    Syahir Hakim


    Try this:

    .homepage_pane {
    margin: 20px 10px 15px !important;
    .homepage_panes .alpha {
    clear: none;
    .homepage_panes .omega {
    float: left;
    margin-right: 10px;
    #container .two-columns .homepage_pane {
    width: 30% !important;

    You might also need to set a fixed height for the panes.



    Hello and thank you!

    I’ve tried this code, only it puts the three posts in a single column on the left (I mean vertically), instead of one row with three columns…

    Please, could you help?



    I’d like to do this as well. I’m trying to get three options across the page. But I’d also like to keep the images the same size and maybe border it. Any thoughts?


    Syahir Hakim


    @rickytherhino, have you tried the code above?

    @ekanite, what’s the URL to your site?

Viewing 10 posts - 1 through 10 (of 15 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.
Graphene Themes Forum