Jump to content

Adding small images in between and in line with text (example image attached)

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

6 hours ago, ADC1570048538 said:

Hi @tuanphan

They're static images. It's not my site but something I'd like to do.

Password is demo. Thanks!

 

They used Code BLock with this code

<div class="pic-in-text">
<h3 class="word1"> NO CENDER </h3><img src="https://static1.squarespace.com/static/606ef7779f1eed48fbe21e85/t/606f04c092b9210d1dd91719/1617888448974/Stocksy_comp_2507616.jpeg">

  <h3 class="word2"> MEIDO  <img src="https://static1.squarespace.com/static/606ef7779f1eed48fbe21e85/t/606f04ed64151f35a2115d26/1617888493449/1692031-A.jpeg">  </h3><h3> ! DE</h3>
  
<h3 class="word3"><img src="https://static1.squarespace.com/static/606ef7779f1eed48fbe21e85/t/606f04dc04881570f5044aa6/1617888476945/AURSK%C3%98G+Images.jpeg"> PERFERECTIO⏤ </h3>  
  
  <h3 class="word4"> TU NUOVAE 
     <img src="https://static1.squarespace.com/static/606ef7779f1eed48fbe21e85/t/606f05000d9e817fa22f268f/1617888512877/Jewelry_Lifestyle_2_7635-sm.jpeg">  </h3> 
  
    <h3 class="word5"> <img src="https://static1.squarespace.com/static/606ef7779f1eed48fbe21e85/t/606f0595a3500b6186816e99/1617888668687/joeyy-lee-OibaEuEfpeg-unsplash.jpg"> ALACANTINO 
       </h3> 

</div>
<style>
  .pic-in-text h3 {
    display: inline-block !important;
    font-size: 15vh;
    line-height: 100%;
    text-align: center !important;
    margin: 0;
    transition: all .3s ease-in-out;
}
  .pic-in-text img {
    height: 10.5vh;
    width: auto;
    margin-left: 1.6vh;
    margin-right: 4px;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 7 months later...

They used a Markdown Block with syntax

# Mindy Nguyen is an Art Director &amp; Designer living in sunny <img src="/s/sunny-flowers.png" alt="flowers"> Los Angeles. Her goal is to collaborate <img src="/s/collaborate.gif" alt="handshake"> with nice people and create intentional <img src="/s/chef-kiss.gif" alt="chef kiss"> brands with them. In her free time, you can find her cooking <img src="/s/cooking.gif" alt="hamster chopping"> and creating playlists <img src="/s/vibe.gif" alt="cat dancing">  to vibe to.

See Markdown Image guide: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet#toc-images

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.