[Support request] I would need help with customizing a table

[Patrik]

Strange – Now i see </p> in Google Chrome > show source. But not in the post.. How can it get there automatically in the posts? 🙂

No, I do not have a child theme but I have done a list of things I have to paste in after updating. 🙂

Okay, set it at 600 now. Thanks. 🙂

[David]

It looks like you got it working. Let me know

[Patrik]

It is the one contained in content-page.php and content-singel.php that works. It is in the post / page that does not work.

[David]

In that case put your image inside a div e.g <div><img tag in here></div> that should stop the autop problem.

[Patrik]

Thanks for the help! 🙂

Now the text jumped up but the button does not get the same shape as the one that works.

It looks like it gets the same shape as the comment button? 🙂

Has posted it on the homepage now.

[David]

Can you check your HTML in the Text Editor – the a tag is now wrapped in a paragraph tag which is causing the issue.

[Patrik]

It does not appear in Text Editor only in Google Chrome > show source.

What is it that makes <p> come up automatically all the time? 🙂

[David]

Ok so wrap the a tag in a <span></span> tag and add this CSS:

.teaser-block span a {
    width: 100%;
    box-sizing: border-box;
}

[Patrik]

Now the button became the same size but not centered in the same way. 🙂

EDIT:
Look at the comment button at the bottom. It is the same as it + has the same color? 🙂

[David]

May i suggest if you are still using the classic editor to add this plugin:

https://wordpress.org/plugins/tinymce-advanced/

It will display the P tags are getting added, probably due to line breaks in your markup.

[Patrik]

Have tested it tonight but it still does not work.. I have never experienced this problem before. Is it Gutenberg that is the problem? Can not understand what automatically adds code to text editor (i use html-version) but not outside posts? 🙂 Frustrating. 🙂 In what position do you see <p> in tinymce-advanced? 🙂

[Tom]

You could try adding this CSS:

.teaser-block p:empty {
    display: none;
}

Alternatively, I would suggest using the new editor in WordPress 5.0. It has an HTML block that won’t add additional markup <p></p> to your code.

[Patrik]

Unfortunately the code did not work.. 🙂

Have tried it now and saved in html version in the new editor in WordPress 5.0 but it became <p> anyway. Where do you mean I can find HTML blocks? 🙂

[Tom]

Can you remind me of what it’s supposed to look like? David is away for the weekend.

Here’s what I see: https://www.screencast.com/t/qrE2j734R

Let me know 🙂

[Patrik]

I want the button inside posts and pages to look like buttons outside posts and pages.

Like this: https://3.bp.blogspot.com/-uR9suACQNA4/XBW_vnTACAI/AAAAAAAABrU/Fn-9pLUuyNQ9SR5V1N4UcL8OhCsqUhuAgCLcBGAs/s1600/button.png

It’s the size and position I’m looking for. You see two at the top of my homepage. Its in content-page.php.

The problem seems to be that wordpress automatically adds <p>. I do not see it in text editor but when I look at the code through Google Chrome > show source, I see <p>.

And I wish code that is liked by google. 🙂

I am very grateful for all the help. 🙂 Love your theme and all things to do with it. Count me as a customer for a very very very long time. 🙂

[Author]

Posts