Center gallery block add title nad center text

Hi in this gallery block solution id like to make the last odd picture centered i tried my best at css but to no avail additionally I would like to add a title for this section and center the text under each picture the "caption" and chanage the text color to red.

password: commu123

On 5/19/2024 at 3:25 PM, STANLEEYwebdesigner said:

Hi in this gallery block solution id like to make the last odd picture centered i tried my best at css but to no avail additionally I would like to add a title for this section and center the text under each picture the "caption" and chanage the text color to red.

password: commu123

 

You can try the following Custom Css

section[data-section-id="6649ae3a68d05703132b8664"] .gallery-grid[data-columns="3"] .gallery-grid-wrapper {
  grid-template-columns: repeat(6, 1fr) !important;
}

section[data-section-id="6649ae3a68d05703132b8664"] .gallery-grid[data-columns="3"] .gallery-grid-wrapper  .gallery-grid-item {
  grid-column: span 2;
}

/* Dealing with 2 orphan items */


section[data-section-id="6649ae3a68d05703132b8664"] .gallery-grid[data-columns="3"] .gallery-grid-wrapper  .gallery-grid-item:nth-last-child(2):nth-child(3n + 1) {
  grid-column-end: 4;
}

/* Dealing with single orphan */

section[data-section-id="6649ae3a68d05703132b8664"] .gallery-grid[data-columns="3"] .gallery-grid-wrapper  .gallery-grid-item:last-child:nth-child(3n - 2) {
  grid-column-end: 5;
}

Let me know how it works on your site