Archived topic
A mad mix: GeneratePress, Gutenberg, Columns
15 replies · Started by Jud on September 27, 2018
I want to have a home page with two columns. A left column will have the main text for the page. the right column will have a photograph.
I also want things to not look completely terrible. Currently text in the left column is displayed right next to (like, zero pixels) the photograph.
I have searched the forum, and read up on some moderately recent comments about using Lightweight Grids and assigning a class to tables and then assigning padding properties to the class.
I suppose another way would be to add a third, gutter, column.
- Any articles on recent best practices with GP/Gutenberg?
- An article on the interplay between Gutenberg and page builders like Elementor?
- Specifically, what is a good way to create the "two-columns in the main container" style?
Right now the Gutenberg columns don't have any padding. I'm waiting to know for sure whether they'll be adding options for padding, or relying on themes to add those options.
For now, you can just use some CSS. Your site seems to be in coming soon mode so I can't give you the code.
Let me know :)
Hi Tom,
I founded a company that built a sophisticated content management platform, over in Japan. I say that to let you know that I'm not just a fanboi when I say that your kung fu is very good. Thanks!
I have created a user/id/role for you, in case t will be useful, and so that, if needed, you can log in while I still have it in comingsoonmode.
U: generatepress
P: gpisgood!
R: editor
I'll read the adding-css article.
My friend that consults re: WP likes your stuff.
That's great to hear! Thank you!
I just tried logging in but I'm getting a username doesn't exist error.
Let me know :)
I have made sure that the account exists with the creds I supplied. Sorry for the delay.
I would like to know whether it would be simpler to use Gutenberg columns or Lightweight Grid. I will be happy to use either.
I am not sure how to (or if it is possible to) combine use of Lightweight Grid with Gutenberg. If they are incompatible, do I just start editing a page with the classic editor?
How do I add css to add padding to Gutenberg columns? Or, who should I ask?
If I use Lightweight Grid, how would I add padding?
Are you sure that's the password? It's not working for me.
If you're already using Gutenberg, you might as well use their columns and add some padding with some CSS.
I just logged in from Firefox (I use it as a spare browser, cleaned of history) with
Thanks for your advice. How do I apply css to a Gutenberg columns object? That sounds like the solution. I assume I'll write some Additional CSS. I think I'll need a class name to use so that a browser knows which object to apply css to.
That got me in :)
Which page are your Gutenberg columns on?
Home.
Tx.
Ah, so you have text in the left column and your picture in the right column? Which column are you wanting to add padding to?
I guess that padding should be put on the one with text in it. I can see cases where I
WOULD like to have a picture right up to the border of its container.
Have you tried just ditching the columns and aligning the image to the right of the text?
Hmmmm. That actually does not look bad!
Thanks!. Take a look. The test page is Home A clone.
I like it :) Much more simple as well.
Thanks, Tom!
