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

Center Collage Images on Mobile



Site URL: https://ellifischer.de/blog/lesemonat-august-2020


i have a small problem with the mobile view of the pictures "Collage".

I changed the order using the following code so that text comes first and then image.  I was able to center the title and subtitle - and also the image if it is on the left in the normal view. Only the images on the right are still centered on the right. Unfortunately I can't find a code to address. Can anyone help me?

@media (max-width: 640px){
  div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {
    flex-direction: column-reverse !important;      
    display: flex !important;
    align-items: center;

// Padding Between Text and Image //
@media screen and (max-width:640px) {
.sqs-block.image-block .image-caption-wrapper p {
 text-align: center !important;

@media (max-width: 640px){
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
    padding-bottom: 50px !important;
  padding-top: 30% !important;
  margin: 0 auto;


Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...