- This topic has 40 replies, 3 voices, and was last updated 6 years, 1 month ago by
David.
-
AuthorPosts
-
December 13, 2018 at 6:30 pm #756079
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. π
December 14, 2018 at 4:51 am #756415David
StaffCustomer SupportIt looks like you got it working. Let me know
December 14, 2018 at 6:08 am #756467Patrik
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.
December 14, 2018 at 6:11 am #756478David
StaffCustomer SupportIn that case put your image inside a div e.g
<div><img tag in here></div>
that should stop the autop problem.December 14, 2018 at 7:02 am #756640Patrik
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.
December 14, 2018 at 7:09 am #756648David
StaffCustomer SupportCan you check your HTML in the Text Editor – the a tag is now wrapped in a paragraph tag which is causing the issue.
December 14, 2018 at 8:03 am #756709Patrik
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? π
December 14, 2018 at 8:24 am #756733David
StaffCustomer SupportOk so wrap the a tag in a
<span></span>
tag and add this CSS:.teaser-block span a { width: 100%; box-sizing: border-box; }
December 14, 2018 at 9:06 am #756794Patrik
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? πDecember 14, 2018 at 9:28 am #756819David
StaffCustomer SupportMay 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.
December 14, 2018 at 5:10 pm #757106Patrik
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? π
December 15, 2018 at 9:32 am #757603Tom
Lead DeveloperLead DeveloperYou 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.December 15, 2018 at 2:03 pm #757772Patrik
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? π
December 15, 2018 at 6:34 pm #757870Tom
Lead DeveloperLead DeveloperCan 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 π
December 15, 2018 at 7:13 pm #757879Patrik
I want the button inside posts and pages to look like buttons outside posts and pages.
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. π
-
AuthorPosts
- You must be logged in to reply to this topic.