- This topic has 9 replies, 3 voices, and was last updated 12 months ago by
David.
-
AuthorPosts
-
April 16, 2020 at 7:25 pm #1242325
Tim
Hello
CC Child Pages plugin provides 1,2,3 and 4 columns built in, but ideally I would have 5. I noticed that on their support page someone else had asked for 5 cols to be built in but there had been no response to that query in 1 year.
Is there a way I can workaround that limitation ?
April 16, 2020 at 9:41 pm #1242392Leo
StaffCustomer SupportHi there,
What does the plugin do?
Couldn’t you just create that layout with regular columns and images?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 16, 2020 at 10:19 pm #1242420Tim
Hi Leo
The plugin gets a list of subpages of a parent, allowing me to show the title, featured image, excerpt etc.
I have also been using WP Show Posts to achieve the same for posts, but as far as I could see I couldn’t use it to get subpages of a parent.
Perhaps there is a superior solution ?
April 17, 2020 at 3:26 am #1242640David
StaffCustomer SupportHi there,
try this CSS it will change all four column lists to five on desktop only:
@media (min-width: 769px) { .ccchildpages.fourcol { display: flex; align-items: flex-start; } .fourcol .ccchildpage { width: 18%; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 17, 2020 at 7:08 pm #1243680Tim
Ah, nice hack David, thank you, that will do the trick for me.
I noticed I needed to do one further hack to get the child spacing as intended:
.fourcol .ccpage-count-4 {margin-left: auto;}
Perhaps that is not the best way to make that work.
Now I’ve come up against another issue. Whilst the first section shows the “5col” rows as expected, the following section “Experience” has 7 items attempting to fit onto the same row. Is there another hack I can use to have 5 on the 1st row as above, and the last 2 on the 2nd row (centred) ?
April 18, 2020 at 6:13 am #1244062David
StaffCustomer SupportYou can make the row wrap and centered like so – when theres more then 5 columns the additional columns will wrap to a new line and center themselves:
.ccchildpages.fourcol { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 18, 2020 at 7:26 pm #1244873Tim
Thank you David, I need to read up on all the flex possibilities.
So now I have the style of those rows very close to how I want them.
However, in playing about with the various margin / padding possibilities, I think I’ve slipped off the grid.
Can you see where I can improve on that ?
It’s pretty good as is if not.
April 19, 2020 at 4:20 am #1245126David
StaffCustomer SupportLooks fine to me
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 19, 2020 at 9:35 pm #1246071Tim
OK thanks for the affirmation David. 🙂
April 20, 2020 at 2:05 am #1246244David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.