Page for Forum questions

Here is a page with only the problematic SVG image.

I’ve now got the CSS controlling the mobile Safari images.

However, the images are now appearing too large on my desktop.

I cannot control the width of the image using the image block controls

I will work it out.

The right-wing populism amplifying feedback cycle
Diagram: This feedback cycle amplifies temperatures, migration, and right-wing populism (pic010)

My problem:

  • On my Firefox browser, this image shows as defined in my SVG file: black text in orange rectangles.
  • On my mobile Safari browser, it appears incorrectly as black text in dark blue rectangles, which is hard to read.
  • It seems to ignore my additional CSS code, which would have the rectangle fill a soft yellow (fff9d6)

I am using:

  • Diagrams.net to create the SVG file
  • WordPress Plugin SVG Support
  • Theme Atomic Blocks (I need to change my theme)
  • SVG optimiser: SVGOMG
  • Plugin: Enable Media Replace
  • Additional CSS code, hopefully to control every SVG file of class style.svg

11 August 2026

Code: zForums