Theme: Sela – Grid Page template 3 column alignment

Hello,

You can try this in your Custom CSS for achieving that:

.child-page {
    margin-right: 0 !important;
    padding-right: 35px;
}

Thank you.

That works perfectly Sam! Thank you so much!

Welcome. ??

Hi,
I’ve used the exact same code for my grid page and it has created three evenly spaced columns.

However, the items aren’t all on the same lines.
I have three on the top line
One on the second (in the 3rd column)
Two on a third line (first & second columns)

Any reason why this would be happening?

Thanks!

Hello HighjamUK,

Can you please provide the link to your site so that i can help you regarding that.

Thank you.

I’m running into the same issue, where there are three items in the first row, one in the second (all the way to the right), and two on the third. Has anyone figured out how to fix this? Thanks!

Hello anusicyap,

Can you please provide the link to your site so that i can help you regarding that.

Thank you.

For some reason I cannot get the grid page to show my items in two columns, it only shows one column. Please help. https://www.abusybeeslife.com/destinations/

Hello abusybeeslife,

You can try this in your Custom CSS for achieving that:

.content-wrapper {
    margin: 0 !important;
}
.comment-form {
    width: 98%;
}

Hope that helps you, feel free to ask if there is any other problem.

Thank you.

Sam, it worked like a charm! Thank U so very much! ??

Pleasure to help you. ??

Hello,

I am also trying to create a three column grid page, … but without any success.
I put the following code in the editor …

.page-template-grid-page .content-wrapper.full-width {
margin: 0;
}
.child-page {
width: 275px;
padding-left: 50px;
}
.child-page {
margin-right: 0 !important;
padding-right: 35px;
}

… but the result is one column grid page (one page/element on one row/line).
(Using Sela theme 1.0.12 and Worpress 4.4.2)

Any help would be greatly appreciated!

Hello pavelfilip,

Can you please provide the link to your site, so that I can help you regarding that.

Thank you.

https://skrytepriciny.cz/nabizim/

Hello,

You can try this in your Custom CSS to achieve that:

@media screen and (min-width:590px){
.child-pages .child-page {
    padding: 1%;
    width: 31%;
}
.content-wrapper.full-width.with-featured-image {
    margin-left: 3%;
    margin-right: 3%;
}}

Hope that helps.

Thank you.