Image block alignment on mobile view

I used code to change image block size on mobile view, but the image aligned to the left. How could I change it to be in the center?

I'm having the same issue here, help!

I figured it out on my own. I had no clue about coding until yesterday. So, I couldn't help any further I guess. I used the following in the CSS: 

@media screen and (max-width:767px) {
#block-d4e3011d5b8e8a543e15d {
  margin: auto;
}
}

So, I believe you could replace the second line with the block ID of the block you want aligned (which you could find using the Chrome extension called Squarespace Block/Collection Identifier) and you'd be good to go.

Let me know if that helped.

If you share link to page in your questions, we can help easier

Yes, sure. Please help. I can't find a way to center align the icons on home page in mobile view. The page is https://www.lovitynote.com and the password is "lovitynotessd". Thank you in advance.

15 hours ago, lizbeck said:

Yes, sure. Please help. I can't find a way to center align the icons on home page in mobile view. The page is https://www.lovitynote.com and the password is "lovitynotessd". Thank you in advance.

Hi. You want, on mobile, icon (left) - text (right)?

Hi, what would the code would be if I wanted the image to be centered? TIA!! Currently using the code below

/* mobile screens */
@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1610577787125_26467
{
  width: 25%;
  }
}

On 1/15/2021 at 12:17 AM, Imanixyz said:

Hi, what would the code would be if I wanted the image to be centered? TIA!! Currently using the code below

 

/* mobile screens */
@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1610577787125_26467
{
  width: 25%;
  }
}

Can you share link to page where you use image? We can check easier

I am having the same issue. The {margin:auto;} didn't work for me. In addition, I have a lot of images on the page. Is there code that would set all the images on a page (or in a section) to be center aligned on mobile. I feel like this should be simple and yet I haven't had any luck 😞

Here is a link to the page in question: https://www.thebigmuddydanceco.org/dancers/

On 7/1/2021 at 12:10 AM, bigmuddydanceco said:

I am having the same issue. The {margin:auto;} didn't work for me. In addition, I have a lot of images on the page. Is there code that would set all the images on a page (or in a section) to be center aligned on mobile. I feel like this should be simple and yet I haven't had any luck 😞

Here is a link to the page in question: https://www.thebigmuddydanceco.org/dancers/

It looks like all images are centered. Can you explain clearly?

@tuanphan

I used code block to insert image with text blocks underneath. Is there a way to keep a text block per picture for each account on mobile?

12 hours ago, MountainTopMedia said:

@tuanphan

I used code block to insert image with text blocks underneath. Is there a way to keep a text block per picture for each account on mobile?

Is there a way to keep a text block per picture for each account on mobile?

Can you explain clearly? I don't quite understand