Jump to content

Vertically align text in Index

Recommended Posts

  • Replies 5
  • Views 649
  • Created
  • Last Reply

Is this what you want, this is a fake nav so I have to follow your column set up

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 .row {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row   .col {
  justify-content: center;
}

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row  .col .sqs-block {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

image.thumb.png.1dd12598be843efa36968e6fd71eaa52.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 minute ago, bangank36 said:

Is this what you want, this is a fake nav so I have to follow your column set up


[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 .row {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row   .col {
  justify-content: center;
}

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row  .col .sqs-block {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

image.thumb.png.1dd12598be843efa36968e6fd71eaa52.png

I just tried adding that code into my Custom CSS but it didn't change anything - for the margins, I'm using this code:

div#nav .page-content {
    max-width: 100% !important;
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

Does that make a difference?

Link to comment
5 minutes ago, ZoeLinda said:

I just tried adding that code into my Custom CSS but it didn't change anything - for the margins, I'm using this code:

div#nav .page-content {
    max-width: 100% !important;
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

Does that make a difference?

have you added the code I sent? I did not see it in your site.css

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
2 minutes ago, bangank36 said:

have you added the code I sent? I did not see it in your site.css

Oh! I tried it in Squarespace and it didn't make a difference so I removed it but just added it and looked at the published page and it worked!

My bad!! Thank you so much!

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.