Resize specific gallery block on Mobile and Resize footer text on Mobile

Site URL: https://www.parkresidences.co.in/

Hi All,

1. I am looking to Resize a specific gallery block  only on Tablet and Mobile view.

Page - https://www.parkresidences.co.in/modern-living

It's specifically the pair of 2 png icons right below each bedroom image on this page.

I have tried using the code providing on this forum in other threads for gallery blocks but it didn't work.

2. and also Resizing the text in the footer text only on Tablet and Mobile view.

#1. Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-b2d77307136153c5a8fc+.row .span-2 .span-1 {
    width: 50% !important;
    float: left !important;
}
}

#2. Use this

@media screen and (max-width:991px) {
footer.Footer * {
    font-size: 12px;
}
}

Hi Tuanphan,

thanks a lot for your response. So the footer text code worked fine.

But for the first code you provided, it was for the image block. I need it for the gallery blocks only for this page.

There are three gallery blocks on that page with a total of 6 png icons.

On 9/10/2022 at 9:43 PM, beezlebee said:

Hi Tuanphan,

 

thanks a lot for your response. So the footer text code worked fine.

 

But for the first code you provided, it was for the image block. I need it for the gallery blocks only for this page.

There are three gallery blocks on that page with a total of 6 png icons.

You mean small images under big circle images?

Hi,

Yes 6 images under circle images.

21 hours ago, beezlebee said:

Hi,

 

Yes 6 images under circle images.

I see you figured it out? It looks fine to me for 6 images

On 9/8/2022 at 9:52 PM, beezlebee said:

Site URL: https://www.parkresidences.co.in/

Hi All,

1. I am looking to Resize a specific gallery block  only on Tablet and Mobile view.

Page - https://www.parkresidences.co.in/modern-living

It's specifically the pair of 2 png icons right below each bedroom image on this page.

I have tried using the code providing on this forum in other threads for gallery blocks but it didn't work.

2. and also Resizing the text in the footer text only on Tablet and Mobile view.

On 9/10/2022 at 4:27 AM, tuanphan said:

#1. Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-b2d77307136153c5a8fc+.row .span-2 .span-1 {
    width: 50% !important;
    float: left !important;
}
}

#2. Use this

@media screen and (max-width:991px) {
footer.Footer * {
    font-size: 12px;
}
}

 

 I'm also having an issue on www.many-seeds.com/advertisers. The gallery at the top isn't sizing how I would like it to on mobile and I'd like to be able to control the zoom so that the text is visible on mobile and not falling off the sides. I couldn't get the code for the gallery to work for me. Any suggestions would be greatly appreciated 🙏 . 

Hi @tuanphan or anyone able to help me out.

I'm cant keep the same horizontal layout (concerning these tiny logos) when on mobile.
Would love to keep a single line, with max 5 logos, side by side.

I've already tried several codes on different threads about the same issue but cant solve it.

Best!

Ole Interactive — BEELDmotion (squarespace.com)

On 10/19/2022 at 1:28 AM, duducampos said:

Hi @tuanphan or anyone able to help me out.

I'm cant keep the same horizontal layout (concerning these tiny logos) when on mobile.
Would love to keep a single line, with max 5 logos, side by side.

I've already tried several codes on different threads about the same issue but cant solve it.

Best!

Ole Interactive — BEELDmotion (squarespace.com)

The page url doesn't work. Can you check it again?