Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom CSS to center Summary Block is juuust off center



Site URL: https://www.viperequitypartners.com/


I added custom CSS to center the contents of the Summary Block (in Grid view) and it's off-center. Any ideas what's going wrong? See screenshot and code below. Thank you!

//center summary block, unlink from bios//
.sqs-gallery-design-autogrid .summary-item-list {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 pointer-events: none;



bottom row off center.png

Link to comment

8 answers to this question

Recommended Posts

  • 0
6 minutes ago, rwp said:

.summary-item-list.sqs-gallery.sqs-gallery-design-autogrid > * {
    margin-right: auto !important;
    margin-left: auto !important;

This should fix the spacing on the text blocks below too.

Didn't work: 



Link to comment
  • 0
On 12/20/2020 at 2:58 AM, Casscs said:

I'm having the same issue, and tried to use the css mentioned in this thread.
I'm trying to style a summary block here: https://www.functionfirstcoaching.com/workshops


Any help will be appreciated

Hi. What is your problem? We can help easier

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