- Issue created by @giordy
- Assigned to flashwebcenter
- Status changed to Fixed
9 months ago 5:46pm 2 April 2024 - 🇺🇸United States flashwebcenter Austin TX
Hello,
Add the following CSS to your GMPE sub-theme to ensure image/video/embed/object within text fields are displayed as inline blocks.
.field--type-text-long img, .field--type-text-long video, .field--type-text-long embed, .field--type-text-long object, .field--type-text-with-summary img, .field--type-text-with-summary video, .field--type-text-with-summary embed, .field--type-text-with-summary object { display: inline-block; }
Best wishes,
Alaa - 🇮🇹Italy giordy
The CSS works for links, even if they are not perfectly in line, but it doesn't work for the gif.
Thank you and Regards
- 🇺🇸United States flashwebcenter Austin TX
Hello,
The CSS code I provided is designed to work with any tag, including GIFs. The issue with the GIF not appearing inline with other content is due to it being placed in a separate paragraph. In the screenshot, there are three paragraphs. If you want all images to display inline, simply combine them into one paragraph. This should resolve the issue and display all images side by side.
Best wishes,
Alaa - 🇮🇹Italy giordy
I'm sorry. The copy/paste must have created a paragraph and I didn't check the source code.
Thanks again
Automatically closed - issue fixed for 2 weeks with no activity.