How Do I Apply Margin Settings To Inline Image?

[jdehaan001]

Wow, this is pretty basic, but I haven’t been able to figure out how or where to apply Margin and Padding settings to individual images that are embedded in with my text on a post or page. Where do I apply css to my image: ex. margin: 5px 35px 5px 0;

Thanks, -John

[ruenel]

Hello John,

Thanks for writing in!

Regretfully, you cannot add a margin and padding if you are using the rich text format like the image below.

If you switch to text view format like the image below then you may be able to insert an inline css to the image element code like this:

<img  style="margin: margin: 5px 35px 5px 0;" src="http://x.support/wp-content/uploads/2018/11/adsdsadwasd.png" alt="" width="277" height="189" class="aligncenter size-full wp-image-500" />

Take notice in the code above that in the <img>, I inserted style="margin: margin: 5px 35px 5px 0;" right before the source of the image file.

Hope this helps.

[jdehaan001]

Hey Rue, That does help. I guess it’s just a matter of getting used to the editor. Thanks a lot bud. -John

[thai]

You’re welcome.