Three items on homepage panes

ekanite
July 11, 2012 at 9:38 am #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.

Anonymous
July 11, 2012 at 9:42 am #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
July 11, 2012 at 9:43 am #30477

Hi and thank you very much!

That would really be great.

jasoncunningham
July 20, 2012 at 2:41 am #30478

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

Anonymous
July 20, 2012 at 3:22 am #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
July 20, 2012 at 4:01 am #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
July 20, 2012 at 4:13 am #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
July 20, 2012 at 9:30 am #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
July 20, 2012 at 5:14 pm #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
July 21, 2012 at 10:14 pm #30484

@rickytherhino, have you tried the code above?

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