Align thumbnail images side by side

  • Resolved xan3ver

    (@xan3ver)


    10 years, 10 months ago

    I am trying to align thumbnail images side by side and centered in the post. I would also like to remove the border on only these two images in this post!

    <p style="text-align: left;"><a href="https://instagram.com/xan3ver/"><img class="aligncenter wp-image-53" src="http://hooplahappiness.com/wp-content/uploads/2015/07/Instagram-follow-thumbnail-150x150.png" alt="" width="90" height="90" /></a> <a href="https://www.pinterest.com/xan3ver/"><img class="aligncenter wp-image-54" src="http://hooplahappiness.com/wp-content/uploads/2015/07/Pinterest-follow-thumbnail-150x150.png" alt="" width="90" height="90" /></a></p>

    It is the follow buttons (instagram and pinterest) at the bottom of the post. Here is the post I am referring to:
    http://hooplahappiness.com/about/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Pioneer Web Design

    (@swansonphotos)

    10 years, 10 months ago

    Change the paragraph these images are inside of to be text-align:center; and change each image to use the class alignnone (and not aligncenter).

    <p style="text-align:center;"><img class="alignnone wp-image-53" src="http://hooplahappiness.com/wp-content/uploads/2015/07/Instagram-follow-thumbnail-150x150.png" alt="" width="90" height="90" /> <img class="alignnone wp-image-54" src="http://hooplahappiness.com/wp-content/uploads/2015/07/Pinterest-follow-thumbnail-150x150.png" alt="" width="90" height="90" /></p>

    Thread Starter xan3ver

    (@xan3ver)

    10 years, 10 months ago

    Thank you so much! That worked!

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

The topic ‘Align thumbnail images side by side’ is closed to new replies.