Reduce padding around logo area

It sounds like there is something else in the editor like a line break or   to cause this. Since the images all have the same CSS applied, they’ll have the same amount of space above/below them.

Just to be sure, please try adding this CSS:

.post-content img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: solid 1px #e5e5e5;
  padding: 6px !important;
} 

I’ve updated this code to make sure it definitely applies to every image inside the posts. If there is still any irregular spacing, check for a difference between the images in the editor using the Text view.

Hi Ben,

I’ve looked in Text view and compared two images:

This one causes the text to be pushed down:

And this one is really tight (although ideally we’d like to add 1 line spacing below).

img class=”alignleft wp-image-526 size-large” src=”https://www.modernflourish.com/wp-content/uploads/2017/03/S3-1024×768.jpeg” alt=”” width=”1024″ height=”768″ />

I tried to add/delete the &nbsp, with no luck. Do you think it’s the file type?

Thanks!

Okay let me try this again.

First image with extra space:

I dont know why it keeps pulling the image. But I’m trying to show you the Text:

I’m sorry I was trying to show you the Text images that were pushing everything down but it seems to be converting them to images.

We are going to convert all files to gif and see if that fixes things. PNG and JPEG have so far pushed everything down.

I added your CSS and it didn’t make any changes.

Sorry to hear that hasn’t helped. Try modifying the alignment of the images as well. Make them all left-aligned, then try center-aligned, and lastly try no alignment and see if that makes a difference.

Left- and right-aligned images in particular will try to float next to the text and could end up adversely affecting the spacing.

Okay thanks Ben, I’ll play around with them.

One question: Within my post, I am trying to highlight certain words and change the font to HanziPen. I noticed that WordPress didn’t have this option. Do you how I should download this?

Thanks!

I did a post on how to highlight text in WordPress you can follow here: https://www.competethemes.com/blog/highlight-text-wordpress/

That won’t change the font, but it will create a nice strong highlight around the text. Changing the font is a bit harder because you need to use CSS and also load the font files. For example, if I don’t have the HanziPen font installed on my computer I won’t see it on the site unless the site loads it for me.

The Easy Google Fonts plugin makes adding new fonts to your site relatively easy. I’m not sure if they have the HanziPen font, but if not, there are quite a few other handwriting fonts available.

Thanks Ben I’ll play around with that.

Just an update on the spacing issue with images: clicking on NONE for the image for alignment eliminates it!

Hi Ben,

I’m just wondering by using Easy Google Fonts, would that allow me to change the font of a specific word in the body of the text? I downloaded it and it seems to be only applicable to headings?

THanks!

Awesome thanks for sharing the working solution here!

It can be used to target one word if you use the CSS option. You would add a new “Font Control” and then give it a CSS selector in the “Add CSS Selectors” menu of Easy Google Fonts. In the post editor, you would then add that class to the word, so the new font affects it.

Ex.

<p>Regular paragraph here with <span class="special-font">special</span> word styled differently.</p>

While it’s fine to switch up the fonts to add style to the site, I would recommend limiting the number of different fonts used since additional fonts do have an impact on site load speed.

Okay I think we’ve decided to abort this and just stick with inserting images with a different font.

Another question: is there a CSS option to configure having the titles set above the featured image?

Thanks!

Titles, publish date above image.

Yea that can be done with another tweak to the child theme. Here’s a new version you can upload to the site: download child theme.