Three items on homepage panes

  • ekanite

    #5051

    Hello!

    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: https://forum.graphene-theme.com/

    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.

    Prasanna SP

    #30476

    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.

    ekanite

    #30477

    Hi and thank you very much!

    That would really be great.

    jasoncunningham

    #30478

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

    Prasanna SP

    #30479

    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.

    jasoncunningham

    #30480

    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.

    Admin

    Syahir Hakim

    #30481

    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.

    ekanite

    #30482

    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?

    rickytherhino

    #30483

    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?

    http://www.nexusenergycenter.org

    Admin

    Syahir Hakim

    #30484

    @rickytherhino, have you tried the code above?

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

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

You must be logged in to reply to this topic.