Add some space between two images

  • Resolved erickgarcia

    (@erickgarciiaa)


    9 years, 11 months ago

    Hello buddies!

    I am new to this forum and WordPress too. I began to use WordPress one day ago and I am watching Tyler Moree’s tutorial video of how to create (or edit) a website. My homepage has two full width images as cover, one below the other, and I would like to know how to add space between these two images.

    https://imageshack.com/a/img538/3376/5UUSU3.png

    Could someone help me?

Viewing 3 replies - 1 through 3 (of 3 total)

  • You could add an inline style in your second image tag like <img src=”your img src” style=”margin-top: 50px;” />

    chagne 50px to your desire number of px

    Vamsi

    (@mannemvamsi)

    You can add margin for either top one or bottom one.
    If you want to add style for the top one…

    style="margin-bottom:30px;"

    If you want to add style for the bottom one …

    style="margin-top:30px;"

    And also, it is better to avoid inline styles..

    In your HTML
    <img src="your-source" class="my-img-class"/>

    and in your CSS file

    .my-img-class {
 margin-bottom:30px;
}
    Thread Starter erickgarcia

    (@erickgarciiaa)

    Thank you very much guys!
    It solved my problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add some space between two images’ is closed to new replies.