Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 19, 2019 at 2:46 pm #1111606
    jofarhat

    On the mobile version of my site I have text blocks acting as buttons that I would like to have images next to. I am trying to horizontally align the image with the text and I can’t figure out how to do so and get the spacing right. How do I get them horizontally aligned?

    June 20, 2019 at 8:56 am #1111848
    Rikard

    Hey jofarhat,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-694 #av_section_2 h3 img {
  vertical-align:middle;
}
}

    Best regards,
    Rikard

    June 20, 2019 at 2:29 pm #1111957
    jofarhat

    Hey that fixed them being aligned, but the text no longer looks like it is in the vertical center of the color section. They look closer to the top.

    June 21, 2019 at 4:44 am #1112184
    Rikard

    Hi,

    Try this as well:

    @media only screen and (max-width: 767px) {
.page-id-694 #av_section_2 h3 {
  padding-top:10px;
}
}

    If you want to learn basic CSS then you can refer to this site for instance: https://www.w3schools.com/

    Best regards,
    Rikard

    June 21, 2019 at 6:40 pm #1112376
    jofarhat

    That did it! Thank you so much!

    June 22, 2019 at 5:11 am #1112483
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘horizontally aligning image and text within a text Block’ is closed to new replies.