Move text

  • Author
    Posts
  • #162107

    dianamarinstills
    Member
    Original poster

    Hi,

    I love the way my homepage looks on a computer screen, but on a smaller screen, such as my phone, the text on the right of my photograph unfortunately shows up one letter per line. So like:
    D
    ia
    n
    a
    […]
    and then the rest of the writing shows up below the picture. Is there a custom css I can add so that, if the screen is smaller, the text will automatically move below the picture? I have noticed that’s what happens with another theme I used to use- it just puts the text from the right down below when there isn’t enough space.

    Thanks.

    The blog I need help with is: dianamarin.com

    #162108

    dianamarinstills
    Member
    Original poster

    I have noticed this also happens in blog posts where the text is aligned to the right of a picture.

    #162134

    ricardpriet
    Theme Author

    Hello there,

    yes, you are right. Try this CSS:

    @media only screen and (max-width: 650px) {
        img[class*=align],
        blockquote[class*=align] {
            margin: 0 auto 20px;
            float: none;
            display: block;
        }
        .wp-block-image .aligncenter, 
        .wp-block-image .alignleft, 
        .wp-block-image .alignright, 
        .wp-block-image.is-resized {
            margin: 0 auto;
            float: none;
        }
    }

    Please let us know :)
    Thank you.

    #162136

    dianamarinstills
    Member
    Original poster

    It works! Thanks again!!

    Kind Regards,
    Diana

    #162145

    ricardpriet
    Theme Author

    Nice to hear that :)

The topic ‘Move text’ is closed to new replies.