Hamish999

Hi, no! i'd like it too look like below with no space between the top and the sides pf the gallery. See attached!

On 5/10/2021 at 2:34 PM, Hamish999 said:

Basically i want it like to look like this..

 

 

 

 

 

 

hey, I did.. 

Settings > Advanced > Code Injection > Header

6 hours ago, bangank36 said:

Which page is that

It's the headshots page for individuals and companies!

https://www.berlinheadshots.com/company-headshots
https://www.berlinheadshots.com/headshots-for-individuals

Site URL: https://www.berlinheadshots.com

Hey, 

Due to the way that the mobile changes the images on mobile the gallery that was 3 by 3 images (9 total) on desktop, is now 2 by 2 so there's now an image at the end of the gallery on its own which looks awkward and bad. Is there a way around this? Attached is how it looks on mobile. The images are currently in a gallery. I could add them separately as photos and hide the last image/block. But is there a way to remove the empty space where the image used to be? 

Thanks! 
Hamish

2 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Header

<style>
  /* gallery padding mobile */
@media screen and (max-width:640px) {
section#home>div {
    padding-bottom: 0;
}
section#intro>div {
    padding-top: 0;
}
div#block-27d90621bc6ab511fe1e {
    padding-top: 0 !important;
}

div#block-27d90621bc6ab511fe1e h2 br {
    display: none;
}
}
</style>

 

Hey, still not working! Is it potentially the blocks id? do i need to change that?

Hello, 

Thank you for your ongoing help but it's still not working. The only code I have now in the custom css in the design section is below but on mobile it looks the same!

/* gallery padding mobile */
@media screen and (max-width:640px) {
section#home>div {
    padding-bottom: 0;
}
section#intro>div {
    padding-top: 0;
}
div#block-27d90621bc6ab511fe1e {
    padding-top: 0 !important;
}

div#block-27d90621bc6ab511fe1e h2 br {
    display: none;
}
}

Basically i want it like to look like this..

Hey, Thank you, but it still has the gap in between!

I tried this, Didn't work

<style>
#page, #content {
 padding: 0 !important;
 max-width: 100% !important;
}
.sqs-block.image-block {
 padding-top: 0
}
</style>

Site URL: http://www.berlinheadshots.com

Hi Everyone! 

Trying to take away (or at least reduce below 17) the padding around a gallery on a mobile site only. Goal is for it to look more like a banner, and in the process giving a greater space for the images sit in. Attached is how it currently looks!

Template is Nueva. 

Any tips welcome!

ps also does anyone know ifs there's code to stop the words from hyphenating?!!! super annoying!