Support » Theme: raindrops » Alignleft image won't wrap taxt

  • Resolved JS Daly

    (@js-daly)


    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!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Which page holds an example to this problem?

    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).

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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”.

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Check the plugins.

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

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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;
    }

    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”?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    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!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Alignleft image won't wrap taxt’ is closed to new replies.