Blockquote not working when post is too long…
-
Hi guys, please can someone help me with this blockquote issue I’m having?
My post here is what my blockquote looks like: https://cafe.tiggalina.org/2019/07/27/test/
However, in this post, it used to work, but now for some reason it doesn’t: https://cafe.tiggalina.org/2019/07/27/villageofhope-nov19/ and I have no idea why!
It works when there is less text in the post. I’ve gone through all paragraphs and there isn’t a paragraph or any code where it the blockquote doesn’t work. However, when everything is combined in this one long post, the blockquote loses its formatting.
Why does the long post prevent the blockquote from being formatted as it always has done for me in the past? I guess I’ve never posted anything this long before, but I don’t understand why it wouldn’t work?
Any help would be fantastic! Thank you very much :)
Charlotte
The blog I need help with is: (visible only to logged in users)
-
Oh! It appears that it isn’t working on my test page: https://cafe.tiggalina.org/2019/07/27/test/ – but it did in the preview. Is it incompatible with the theme I’m using (buttons)? Why is it not incompatible when previewing? I’m confused with why this is the case??
-
Hi Charlotte,
Why does the long post prevent the blockquote from being formatted as it always has done for me in the past?
It shouldn’t prevent that. Were you able to get this resolved? I’m seeing blockquotes on all those pages look the same, with this styling:
Why is it not incompatible when previewing? I’m confused with why this is the case??
Just to clarify, do you mean a preview in the editor or a preview on your site when clicking the “Preview” button? There shouldn’t be any discrepancy when previewing on your site, but there can be a discrepancy when previewing in the editor.
However, in this post, it used to work, but now for some reason it doesn’t: https://cafe.tiggalina.org/2019/07/27/villageofhope-nov19/ and I have no idea why!
Completely unrelated, but for recipes, you may want to consider using the recipe shortcode for improved metadata. There’s some extra information here if you’re interested. :) https://en.support.wordpress.com/recipes/
Let us know if you’re still having issues with the blockquotes! :)
-
Hi Torres,
Thank you very much for getting back to me :)
Basically, in my post I put the following:
And in the CSS it has this:
blockquote.post.recipe {
font-style: normal;
line-height: 20px;
background-color: white;
background-image: url(“http://cafe.tiggalina.org/image-bank/recipe-header.png”);
background-repeat:repeat-y;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
padding: 15px 10px 15px 50px;
border: none;
color: #333;
font-family: “Lucida Grande”, “Lucida Sans Unicode”, Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
}Where the image is my background image.
What it should look like is this:
For some reason it’s not even working at all, whereas it was previously. Maybe it’s an update that stopped it from working?
Any help would be greatly appreciated, thank you! :)
-
Ah, apologies, I didn’t notice that your site uses the self-hosted version of WordPress: https://en.support.wordpress.com/com-vs-org/
The best place to ask with assistance regarding self-hosted sites is https://wordpress.org/support
Basically, in my post I put the following:
<link rel=”stylesheet” type=”text/css” href=”stylesheet.css”>
Is there any reason why you haven’t considered using the Customizer instead? That would have numerous advantages: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
If you use the Customizer, the styling itself should be enqueued on your site. Currently, that styling isn’t having an effect.
Regarding the actual CSS itself, in order for it to work at
https://cafe.tiggalina.org/2019/07/27/villageofhope-nov19/, you’d need to add the class “post” and “recipe” to the blockquote. Currently, you’ve only added “recipe”.Try adding this through your Customizer instead:
blockquote.recipe { font-style: normal; line-height: 20px; background-image: url(http://cafe.tiggalina.org/image-bank/recipe-header.png); background-repeat:repeat-y; text-align: left; margin-top: 10px; margin-bottom: 10px; padding: 15px 10px 15px 50px; border: none; color: #333; font-family: “Lucida Grande”, “Lucida Sans Unicode”, Verdana, Helvetica, Arial, sans-serif; font-size:10px; }Let me know if that works for you. :)
-
Hi again :)
Thank you so much for trying to help me :) But unfortunately it doesn’t work.
I added the CSS you suggested in both the customer (under ‘additional CSS’) and my own CSS sheet, and it doesn’t work. I don’t understand why because it was working when I first started this blog earlier this month, and now it isn’t. I feel there was some update somewhere that stopped it from working?
It also used to work as I initially put in my previous post on my old blog using a different self-hosted WordPress site.
Any insight would be greatly appreciated, thank you :)
-
Hi!
That’s odd, I’m seeing the styling which you added in the Customizer. Could you please try clearing your cache and letting me know if you do? https://en.support.wordpress.com/browser-issues/#clearing-your-browser-cache
I don’t understand why because it was working when I first started this blog earlier this month, and now it isn’t. I feel there was some update somewhere that stopped it from working?
I’m not certain, but your own stylesheet isn’t working. It can no longer be found:
This could potentially be because your theme updated, and is one of the many reasons why it’s better to use “Additional CSS” in the Customizer as you won’t run into this issue. That seems to have worked on this page: https://cafe.tiggalina.org/2019/07/27/villageofhope-nov19/
Please try clearing your cache or letting me know which page you’re looking at where it’s not working! :)
-
It works!!!
Thank you SO much :) A basic fix, and annoyed that my own stylesheet wasn’t working – but thank you very much for walking me through it! You’re an angel :)
-
- The topic ‘Blockquote not working when post is too long…’ is closed to new replies.
WordPress.com Forums 