Problem with in line images

Created on 2 April 2024, 9 months ago
Updated 27 June 2024, 6 months ago

On the site www.gmpe.it I have hundreds of formulas in LaTex.
On the test site http://testns.gmpe.it/node/22 with d9 and the Mayo theme, the formulas are displayed correctly.
On the test site http://testns.gmpe.it/cms/prova with d10 and the Solo theme, the formulas are not in line.
Does it depend on d10 (that would be a big problem) or some theme setting?

Thank you and Regards

💬 Support request
Status

Fixed

Version

1.0

Component

Code

Created by

🇮🇹Italy giordy

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @giordy
  • Assigned to flashwebcenter
  • Status changed to Fixed 9 months ago
  • 🇺🇸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.

  • 🇺🇸United States flashwebcenter Austin TX
Production build 0.71.5 2024