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

Image block alignment on mobile view


lizbeck

Question

11 answers to this question

Recommended Posts

  • 0

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.

Link to comment
  • 0

If you share link to page in your questions, 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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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)?

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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%;
  }
}

Link to comment
  • 0
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

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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?

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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