WordPress.org

Ready to get started?Download WordPress

Forums

raindrops
[resolved] Alignleft image won't wrap taxt (13 posts)

  1. JS Daly
    Member
    Posted 1 year ago #

    When I place an image at the top of a post, with the class="alignleft" property, it still doesn't wrap the text around it.

    Website: Awake at Midnight

    Thanks for any advice!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Which page holds an example to this problem?

  3. JS Daly
    Member
    Posted 1 year ago #

    This one:
    page

    I hope you are seeing what I am seeing. I am using Firefox browser. It seems to work on the homepage, then on other pages it pushes the text down (as if it were alignNone).

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    You've got some CSS being set that says, "If it is the home page, don't push the text down below the image".

    We can resolve this, but first we need to know whether that theme has a section in the dashboard named, "Custom CSS", "Custom Styles" or "Jetpack".

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

  6. JS Daly
    Member
    Posted 1 year ago #

    Yogi: Yeah, I'm just starting to learn all this, and it looks like I'm not supposed to use the html in my posts.

    Strange, that site says I have a <p> where I don't. At least my WordPress interface doesn't show it. Where is it reading those elements?

    I suppose that just need to brush up on my css...

    Andrew, where do I look for that dashboard? I am running raindrops 0.998

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Check the plugins.

  8. JS Daly
    Member
    Posted 1 year ago #

    ...no plugins by any of those names. Are you talking about in WordPress or in the actual files on my web host's server?

  9. JS Daly
    Member
    Posted 1 year ago #

    I've looked at some other posts, and it looks like there is no reason that <p> <h2> or
    tags should be considered markup errors. I am a simple guy, just write posts in the WordPress post editor.

    Andrew, i will look at my templates tonight and see if any of those files are there, but I certainly didn't add them.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you don't have any of the suggested, download the plugin Jetpack and use its Custom CSS section within the dashboard to hold the following modification;

    .single h1,
    .single h2,
    .single h3,
    .single h4,
    .single h5,
    .single h6 {
     clear: none;
    }
  11. JS Daly
    Member
    Posted 1 year ago #

    Jetpack wants me to make an account on wordpress.com, would entering this text in a child-theme style.css work? I've been toying with the idea of creating one.

    Is there something I am doing wrong that would prevent alignleft from working on the theme "out-of-the-box"?

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Yes, enter that within your Child Theme style.css.

    Is there something I am doing wrong that would prevent alignleft from working on the theme "out-of-the-box"?

    Yeah, there is CSS code that clears headings, so they cannot float. An exception of this is for the home page.

  13. JS Daly
    Member
    Posted 1 year ago #

    No kidding. If I just skip the < h2 >, it works fine. I switched to < strong > and all is well! That's what I needed to know! Thanks for your patience, Andrew! I will work on a child theme to fix all my old posts and refrain from using the heading tag up top from now on. I appreciate your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic