Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 17, 2019 at 8:08 am #1166745
    yidansat

    Hi there,
    It may be a simple problem, but I have stuck here for quite a while.
    As the following pictures, it’s there any way to make the image and text horizontal-align?
    I only find the vertical-align functions in the editing block.
    Thank you in advance for your help!

    Home

    https://drive.google.com/file/d/155Fj0MxgZKJZKQL4AtOGVLBE-uHp-cy5/view?usp=sharing
    horizontal-align problems

    • This topic was modified 4 years, 11 months ago by yidansat.
    December 18, 2019 at 5:44 am #1167099
    Rikard

    Hey yidansat,

    Do you mean that you want the image to align with the paragraph?

    Best regards,
    Rikard

    December 18, 2019 at 5:53 am #1167104
    yidansat

    Yes ! Excatly !

    December 18, 2019 at 9:29 am #1167178
    Rikard

    Hi,

    Thanks for the clarification. Please try this in Quick CSS:

    @media only screen and (min-width: 768px) {
.tab_content img:first-of-type {
    margin-top: 35px;
}
}

    Best regards,
    Rikard

    December 18, 2019 at 10:09 am #1167193
    yidansat

    Hi, Rikard,
    Thank you for your help!

    I have tried with the code, but it seems like it would move down the image, but I actually needed to move the header and paragraph a bit lower to make them middle-aligned with the image.

    Please see the following pictures.
    align

    Thank you!

    December 18, 2019 at 10:13 am #1167196
    yidansat

    My homepage :

    Home

    Ideal look of it :
    https://drive.google.com/drive/u/1/folders/1lHHhU0cnDbJNLPZLSQPBFIVeIc7e4ol4

    December 19, 2019 at 3:49 am #1167575
    Rikard

    Hi,

    Thanks for the clarification, I think that will be hard with the layout you presently have unfortunately. You have the image inside of the header for instance. Please try to place the image in one container, and the header and text in another. Also give your containers classes so that they can be targeted with CSS.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.