Conversation
supportI am liking this plugin so far but have a problem with many of our posts. The posts contain line breaks or paragraph breaks or html like <strong>. All of these seem to be lost from display unless I select to show Full Content and then they do appear but the content is way too long. Is there a way to ensure they are still active even when showing only an excerpt?
Hi @bobjgarrett Which portion of the post grid are you using—Shortcode, Gutenberg, or Elementor? Can you share any screenshots or any link with the issue?
I am using Shortcode.
You have to add excerpt from the right sidebar with your desire html like that – https://prnt.sc/gWHRHJ9NxyUN And you have to remove the Excerpt Limit from here – https://prnt.sc/IgBI4R-fJ3G5 After completing this process, you should be able to see a few HTML elements displaying your content. We have permitted only the following HTML markup, ensuring that other HTML elements will not be available in the content area. $allowed_html = [ 'a' => [ 'href' => [], 'title' => [], ], 'strong' => [], 'b' => [], 'br' => [ [] ], ];
Thanks for great advice. This reply was modified 1 year, 2 months ago by bobjgarrett .
Now I have a further problem I cannot understand. Sorry. I have created a grid which has images which are all the same original size in pixels, and all set within gutenberg media and text boxes with the image always set to 50. Yet some images are ending up smaller than the rest in the grid. In the actual post they look fine. You can see an example here ( https://www.dufour.org.uk/dufour-news/ ) where the fourth item is smaller; don’t go on to the following pages as I have not checked these are all set to 50 for image size. Any idea why this is and how to fix it?
The issue occurred because custom markup was used in your post content, which includes its own CSS that conflicts with the grid layout. If you add more content to the last item, the layout should display correctly. However, to resolve this issue efficiently, I’m providing a CSS solution below. Please add the following code to: Appearance > Customize > Additional CSS After applying the changes, if you don’t see the updates immediately, try clearing your site cache. .rt-holder, .rt-row { width: 100% !important; } Let me know if you need any further assistance. Thank you
Thank you for that. Adding extra content nor removing the extra css fixed this. Still not sure why it was a different size but your css to add worked. Thank you.
Hi @bobjgarrett Which portion of the post grid are you using—Shortcode, Gutenberg, or Elementor? Can you share any screenshots or any link with the issue?
I am using Shortcode.
You have to add excerpt from the right sidebar with your desire html like that – https://prnt.sc/gWHRHJ9NxyUN And you have to remove the Excerpt Limit from here – https://prnt.sc/IgBI4R-fJ3G5 After completing this process, you should be able to see a few HTML elements displaying your content. We have permitted only the following HTML markup, ensuring that other HTML elements will not be available in the content area. $allowed_html = [ 'a' => [ 'href' => [], 'title' => [], ], 'strong' => [], 'b' => [], 'br' => [ [] ], ];
Thanks for great advice. This reply was modified 1 year, 2 months ago by bobjgarrett .
Now I have a further problem I cannot understand. Sorry. I have created a grid which has images which are all the same original size in pixels, and all set within gutenberg media and text boxes with the image always set to 50. Yet some images are ending up smaller than the rest in the grid. In the actual post they look fine. You can see an example here ( https://www.dufour.org.uk/dufour-news/ ) where the fourth item is smaller; don’t go on to the following pages as I have not checked these are all set to 50 for image size. Any idea why this is and how to fix it?
The issue occurred because custom markup was used in your post content, which includes its own CSS that conflicts with the grid layout. If you add more content to the last item, the layout should display correctly. However, to resolve this issue efficiently, I’m providing a CSS solution below. Please add the following code to: Appearance > Customize > Additional CSS After applying the changes, if you don’t see the updates immediately, try clearing your site cache. .rt-holder, .rt-row { width: 100% !important; } Let me know if you need any further assistance. Thank you
Thank you for that. Adding extra content nor removing the extra css fixed this. Still not sure why it was a different size but your css to add worked. Thank you.