Jump to content

List alignment issue

Recommended Posts

Hello,

I added a list section to 2 pages on my website and the button alignment is off probably due to the pictures as displayed below. I tried to adjust the picture settings ratio and that did not help any. I need to make sure the whole picture is displayed but not have it impact the button placement.

I put the links to the impacted pages up in the header (stock market dashboard and cryptocurrency dashboard). The list section is called charts of interest and is down at the bottom of the page.

Thanks in advance for the help!

 

Edited by madseason
Link to comment
[data-section-id="632eff2b9822c24d60444278"] .user-items-list .user-items-list-item-container .list-item .list-item-content {
    flex: 0 auto;
}

I've added so much selectors there, because of specificity ! There was another rule that was higher in specificity and I needed to overrule that.

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment

Yes because you also took out the first code that I suggested. You can group them together:
[data-section-id="632eff2b9822c24d60444278"] {

     .list-item-media {

             flex:1

     }

     .user-items-list-item-container .list-item .list-item-content {

              flex: 0 auto;

      }

}

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment
[data-section-id="632eff2b9822c24d60444278"],
[data-section-id="6330ecb9ad4dd44a5c34c8be"]
{
     .list-item-media {
        flex:1
     }

     .user-items-list-item-container .list-item .list-item-content {
         flex: 0 auto;
      }
}

 

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment

You could create a separate issue with this problem. Doesn't looks like an easy one. Also if you think I answered the main question please choose my answer as the main answer.

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

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.