Menu icon Foundation
Email: overriding normalize.scss

<img> style set in normalize.scss {display:block}

I have  tried to change the style to {display: inline} with ID and !important but none works.

I tried to inject directly into app.scss, then another time import a custom.scss. 

The <img>(s) still displays as blocks. Any ideas why? I am pulling my hair out

email; normalize;

<img> style set in normalize.scss {display:block}

I have  tried to change the style to {display: inline} with ID and !important but none works.

I tried to inject directly into app.scss, then another time import a custom.scss. 

The <img>(s) still displays as blocks. Any ideas why? I am pulling my hair out

Corey Schaaf over 2 years ago

 

Few things to ask first? Why are you changing the image to display inline? Images need to be in display:block because of various rendering problems and extra spacing the gmail use to add.  They may have fixed this issue now that they support media queries, but I believe all images still need that to have the best rendering across the majority of devices. 

If you still need it regardless of the statement above, have you:

1. made sure any custom styles are being imported in your app.scss file after (at the very end) of all the other imports?

2. If you injected a style directly into the app.scss file as opposed to importing the file, again did you make sure this custom style appeared at the end of all the import statements. 

3. Have you tried adding the display:inline directly to the img tag in the HTML. If so what happens? 

4. What client are are you seeing this happen in? Or are you just looking the rendered HTML locally after you build your project?