[Resolved] Just trying to get started with sections

[JB]

I want a front page with sections according to major topix. First time with the product. Sample page at https://petsuppliesstation.com . Each section is left justified, with image left or right. This is really easy stuff. (1) The images do not line up with the first line in the real thing, though they do in the editor. When I click on align image, the justification buttons change according to which way I moved the image.

Once I get through those issues, The third section is not aligned with the first two.
What the heck is going on? GP premium current ver.

I am on the road and on and off the net. I’d love someone to take my password (not here) and have a look.

[JB]

Version is1.77

[JB]

The right/left alignment is just user error. WP changed the look of the classic editor. I unfortunately have to get on a plane so it may be until tomorrow until I can follow up. Versions are GP Theme 2.21

[Leo]

Hi there,

Have you solved this?

The only issue I see now is that the first sentence is not lining up with the image.

It looks like there is an empty paragraph there:
https://www.screencast.com/t/3ElsIzEd6

Let me know 🙂

[JB]

Thank you for your quick reply. In the meantime I turned off some plugins, redid a page, you know. And so I left it in the middle. I will check back into the “paragraph” issue and return to this topic, or come back and close it.

[Leo]

Sounds good 🙂

[JB]

Ok. So I had the time to get back to this, and I discovered the reasons for my issues. The one about the section being off in alignment was apparently due to my putting in CSS to get a certain look, and I changed left and right margins, and it was wrong. By adjusting it I got it to work correctly. Just did margin-top, margin-bottom. Not really sure about this but solved.

The thing about the images is sort of a bug you might want to look into. Compare: (https might not be working yet)

(1) Use the standard classic editor, without Sections, put in some text, and then insert media, a small image, into the upper left, before the text. Format the image to float left with the text flowing around it. Works great. See https://alohacreek.com/test .

(2) Now do that in a Generate press Section in the current version of WP, and Generatepress, using sections. After you insert the image and float it left, the image has paragraph tags <p> </p> around it, and the text starts with <p>. You mentioned this. See https://idyllwild.pro (front page is named ‘test’).

However the bug is that if it is going to operate like the classic version (or whatever), at least, it should not put the second <p> in there. Obviously, I can fix it, as you can see in the bottom two sections.

(3) For comparison, I tried it in Gutenberg, and though moving images is a slight hassle since you can’t paste an image directly into a paragraph block, it works correctly with respect to the output page. See https://idyllwild.pro/test1

Depending on the exact sequence of events, the classic editor puts an or <a> inside the <p>, and Gutenberg puts it in its own

with a class that makes it align.

In any case, I have not found a way to do it in a GP section without having to fix it in the Text html editor to remove the <p>.

Am I doing something wrong?

[Leo]

WordPress has always been finicky with classic (especially visual editor) editor adding <p> tag after image/shortcodes etc.

If you are into Gutenberg, then I would suggest to start with that first and pause on Sections for now.

We will be introducing Sections Block (it’s sweet) in the next version of GPP and I would think the current sections module will be a thing in the past relatively soon.

[JB]

I was just showing you how Gutenberg does it. You did not answer my comment, which is that it is a bug. In 6 or so years I have never had this issue with the classic editor, thus my question about the Section issue. But thanks for the comment.

I’m probably going to use Gutenberg since WP is going to use it. I don’t like for example Thrive because of the amount of CSS classes and other code they put in their stuff, making it very tricky to customize or revert from. I’m caught in the middle of moving some content to a new website, while the editor/wsyiwyg/block wars are going on!

Thanks!

[Leo]

Ahh yes I misunderstood before. I will note as a bug to test.

I have a feeling you will really like our Sections block 🙂

The beta should be out early February so stay tuned!

[JB]

Thanks.

[Leo]

No problem 🙂

[Author]

Posts