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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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