Right-justified image problem

  • Unknown's avatar
    fabiusmaximus2000 · Member ·

    I just converted to Radiate. Images that are right justified (or left justified) now stop at headlines, leaving a large white bloc of text to their left (or right). The headline and following text should appear next to the image.

    I have 3900 posts, many of which have r- or l-justified images right above a headline — and all now look odd.

    Example: https://fabiusmaximus.com/2017/03/22/impeach-trump-and-the-republic-changes/

    See the About the Author section in the lower half of the post.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, first to fix the image and text wrap issue. Add this to your custom CSS. 

    .hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6 {
	clear: left;
}

    In your custom CSS, for this theme, the site title is not an h1, so remove these two CSS rules from your custom CSS 

    .wf-active .site-title {
	margin-bottom:21px;
	font-size:.9em;
}
h1.site-title,p.site-title {
	font-size:.2em
}

    and replace with this one and adjust as desired. 

    .wf-active .site-title {
	margin-bottom:21px;
	font-size:.9em
}

    In this case, the .wf-active CSS class is required since you are using a custom font.

    In the future, when in are wanting to have an image and have a heading and following text wrap around a left or right aligned image, put your cursor right at the beginning of the heading and insert your image there. What happened with your images in this case is that they were inserted as a separate element (a separate paragraph) and although in some themes this isn’t an issue, it happened to be in Radiate. Radiate follows the standards for WordPress theming fairly rigidly, and when you inserted the image as a separate element in its own paragraph, you bumped into those standards.

    In general, always put your cursor at the beginning of the first element that you where you want the text to wrap around a left or right aligned image, and insert the image there.

    Let me know if you have further questions.

  • Unknown's avatar
    fabiusmaximus2000 · Member ·

    I forgot to close this and say”Thanks!”

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Right-justified image problem’ is closed to new replies.