Anker tag causes images to stack on top of each other

[Philipp]

[Premium Customer here]

I used the template of one of the home sections and exchanged the content in the section. The buttons aligned next to each other responsively exactly as I wanted them to be. Then I added links to the images with an tag and now the images stack on top of each other instead of next to each other. What can I do to make them align next to each other again?

Thank you!

[David]

Hi there,

did you remove the anchor tags ? If so can you add them back in so i can take a look.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Philipp]

Hi David,

Somebody helped me and put the following code into the section. Not sure if that is the best way to do it but it seems to work so far.

<h1 style="text-align: center;">The Most Effective Sleep Music For Babys & Adults</h1>
<h3 style="text-align: center; padding-top: 20px; padding-bottom:20px;">Our unique 3-Phase Technology assures the perfect alignment between the intensity of the music and your state of mind</h3>
<div class="home-intro media-links" style="display: flex; ">

<p class="media-links"><a href="https://open.spotify.com/artist/3dSRn0Oz20PgVuC1aErQmk?si=i-QHtQdMR66h9iwrI3__fw" target="_blank" rel="noopener noreferrer"><img  src="https://www.sleep-music.co/wp-content/uploads/2020/01/Spotify_button_100.png" alt="" width="241" height="90"  /></a>

<a href="https://music.apple.com/us/artist/sleepmee/1395201187" target="_blank" rel="noopener noreferrer"><img src="https://www.sleep-music.co/wp-content/uploads/2020/01/Apple_button_100.png" alt="" width="241" height="90"  /></a>

<a href="https://sellfy.com/sleep-music-co" target="_blank" rel="noopener noreferrer"><img src="https://www.sleep-music.co/wp-content/uploads/2020/01/Download_button_100.gif" alt="" width="241" height="90"  /> </a></p>

</div>
<h3 style="text-align: center;"><em>available on all major music platforms</em></h3>

[David]

The old problem was probably some broken HTML.
That new HTML looks good to me.
Glad you got it resolved.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts