Hi, my RSS feeds populate into an app, but just recently they’ve started showing images in the page body in a weird place that messes up the app layout.
The app team says it is being caused by an issue on my website caused by the following code in the feed CSS
figure {
display: block;
margin-block-start: 1em;
margin-block-end; 1em
marin-inline-start: 40px
margin-inline-end: 40px
}
i’ve searched through every possible file and can’t find this code to remove it, please can your advise?
Hi,
I believe that CSS is provided by the browser. The browsers do have some default CSS for various HTML tags, so for example: https://www.w3schools.com/csSref/css_default_values.asp
This is for the figure tag -> https://i.imgur.com/FMAjrmI.png
As they are loaded by the browser, removing them for everyone is not possible, as it’s something the browser loads. But you can override them. Create and load CSS for the figure to look as you want, if that is an option for the app you mention. That would be the only way in my opinion.
Thank you!
