Jump to content

Image block text box formatting 7.0

Recommended Posts

Site URL: https://uplan.io/

Hello!

I would like to add pictograms to my site with text underneath. I already managed to center my text in the image text block, but i need my pictograms to stay small, but the text box to be wider. Could you please help me? Im using 7.0 Brine template. Thanks a lot!

This is how it looks like now:

image.png.2aba25f74befe4e68cde80a1e9a6dc68.png

This is how i want it to look like:

image.thumb.png.7d0dc2d22acf494bc1bc1dc89030ae4a.png

 

Link to comment
  • Replies 4
  • Views 475
  • Created
  • Last Reply

Edit Page > Add Code Block > Paste this code

<style>
  @media screen and (min-width:641px) {
  .design-layout-inline figure {
    width: 100% !important;
    max-width: 100% !important;
}
    .design-layout-inline .image-block-wrapper {
    width: 30% !important;
    height: auto !important;
    margin: 0 auto;
    padding-bottom: 30% !important;
}
  }
</style>

image.thumb.png.0c0aaa7d9ef6aa83ff0c4da898830e31.png

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.