This topic contains 9 replies, has 2 voices, and was last updated by  vako 4 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #37741

    WH
    Participant
    Premium Member

    Previously (before switching themes), when I wrapped an image, all the text wrapped around it. Now, if the next block is a header, it doesn’t wrap. Instead, it drops below the image.

    Here is an example: https://www.iamhrsinclair.com/2014/02/06/a-writers-guide-to-aquamarine/

    There is a gap before the “Lore and History.” Before, there wasn’t one.

    How can I adjust this to remove the gap.

    *I was directed here from wordpress.org. They said it was a theme issue.

    #37749

    vako
    Keymaster
    WP Royal Team

    Hi @wh

     

    Can you please describe your issue more detailed? Can you please share the screenshot of the issue or a link where the issue exists?

    Screenshots will be much appreciated.

     

    Kind Regards

    #37770

    WH
    Participant
    Premium Member

    It’s more visible on the PC. Here is a before and after image. I’m referring to the empty white space in the second image. My previous themes, looked this this:

     

    Ashe looks like this:

    I hope that clarifies my issue.

    #37776

    WH
    Participant
    Premium Member

    Here is a much more extreme example.

    #37786

    vako
    Keymaster
    WP Royal Team

    Hi @wh,

     

    Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    .alignright {
    
    float: right !important;
    
    margin: -40px;
    
    }

     

    Kind Regards

    #37795

    WH
    Participant
    Premium Member

    This doesn’t work. It does bring it closer but it doesn’t wrap.

    This first image is for post that are pre-gutenberg blocks. The second one, I converted the post to blocks and it still doesn’t wrap. I tried changing the margin numbers but then the lower block text writes over the image.

    #37798

    WH
    Participant
    Premium Member

    I wanted to add that I tested converting the header to a paragraph and the issue is gone. So, it’s something about the way the headers are handled.

    #37799

    WH
    Participant
    Premium Member

    I think I solved it. This is what I added to the css file. It works. I’m not a coder, so let me know if it looks wrong or it might cause problems.

    .page-content h1, h2, h3, h4, h5, h6 { clear: none;

    }

    #37808

    WH
    Participant
    Premium Member

    For reference, this is what that header code did, and it worked for posts in gutenberg and pre-gutenberg editor.

    #37815

    vako
    Keymaster
    WP Royal Team

    Hi @wh

     

    I am glad that you have managed to find out it by your self.

     

    Kind Regards

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.