Remove Space Between Vertical Images

  • EndAllDisease1

    (@endalldisease1)


    10 years ago

    Hey I’m looking to remove the space between images so that they are stacked vertically and touching, with no white space in between.

    Here’s my html code for the two images right now:

    <a href="https://www.endalldisease.com/library-disease/"><img onmouseover="this.src='https://www.endalldisease.com/wp-content/uploads/2013/01/Disease222.png'" onmouseout="this.src='https://www.endalldisease.com/wp-content/uploads/2013/01/Disease111.png'" src="https://www.endalldisease.com/wp-content/uploads/2013/01/Disease111.png" alt="" /></a>

<a href="https://www.endalldisease.com/library-environment/"><img onmouseover="this.src='https://www.endalldisease.com/wp-content/uploads/2013/01/Environment222.png'" onmouseout="this.src='https://www.endalldisease.com/wp-content/uploads/2013/01/Environment111.png'" src="https://www.endalldisease.com/wp-content/uploads/2013/01/Environment111.png" alt="" /></a>

    And here’s how that code looks on my page:
    https://www.endalldisease.com/books/

    What do I need to add to them to remove the space in between?

    Best regards,
    -Mark

Viewing 1 replies (of 1 total)
  • Mizagorn

    (@mizagorn)

    In your wp.css stylesheet add the following CSS:

    .no-margin {
    margin: 0 !important;
}

    This sets a margin of 0 all the way around any element with this class, overriding the three different places that your <p> and <img> tags are styled for this page.

    On that /books/ page, style your paragraphs and images as such by *adding* the above class, using the “Text” editor tab (not “Visual”). In your /books/ page, your paragraphs do not have any classes, so this would be the only class for them. Your images already have some classes, so this would be *in addition to*.

    Style this way only around the images you want to have no spacing.

    <p class="no-margin">
    <img class="no-margin and-your other-classes">

    There’s more than one way to do this, but this is pretty straightforward.

Viewing 1 replies (of 1 total)
  • The topic ‘Remove Space Between Vertical Images’ is closed to new replies.