Placing the correct #block-yui on CSS

Site URL: https://lifelab.world/landing-page-sample-1

Hello everyone,

May I please ask for help on this? There are galleries on I am currently trying to target specific #block-yui, but I can seem to place them properly on css. I am not very good in coding but I am trying my best. 

I made this 2 codes using inspect tool, but it doesn't seem to work on my end. I tried to place them on CSS custom but it does not work

 
#block-yui_3_17_2_1_1647937945910_5480 { .sqs-layout .sqs-row .sqs-block:first-child {
    padding-bottom: 0px !important;
  padding-top: 0px !important;
}
}
  }

@media screen and (max-width: 640px) {#block-yui_3_17_2_1_1647937945910_5480 { .sqs-layout .sqs-row .sqs-block:first-child {
    padding-bottom: 0px !important;
  padding-top: 0px !important;
}
}

I also tried this

#block-yui_3_17_2_1_1647937945910_5480 { .sqs-block {
    padding-left:  0px;
    padding-right: 0px;
}}

Thank you in advance for this

Sincerely,

Naomi

24 minutes ago, Naomi-lifelab said:

Site URL: https://lifelab.world/landing-page-sample-1

Hello everyone,

May I please ask for help on this? There are galleries on I am currently trying to target specific #block-yui, but I can seem to place them properly on css. I am not very good in coding but I am trying my best. 

I made this 2 codes using inspect tool, but it doesn't seem to work on my end. I tried to place them on CSS custom but it does not work

 
#block-yui_3_17_2_1_1647937945910_5480 { .sqs-layout .sqs-row .sqs-block:first-child {
    padding-bottom: 0px !important;
  padding-top: 0px !important;
}
}
  }

 

@media screen and (max-width: 640px) {#block-yui_3_17_2_1_1647937945910_5480 { .sqs-layout .sqs-row .sqs-block:first-child {
    padding-bottom: 0px !important;
  padding-top: 0px !important;
}
}

I also tried this

#block-yui_3_17_2_1_1647937945910_5480 { .sqs-block {
    padding-left:  0px;
    padding-right: 0px;
}}

Thank you in advance for this

Sincerely,

Naomi

What are you trying to achieve?

Hello @bangank36

My apologies for not being clear. I am trying to remove extra pading from the galleries of the specific URL (https://lifelab.world/landing-page-sample-1).

Here are some of the photo samples I have attached. Thank you!

6 hours ago, Naomi-lifelab said:

Hello @bangank36

My apologies for not being clear. I am trying to remove extra pading from the galleries of the specific URL (https://lifelab.world/landing-page-sample-1).

Here are some of the photo samples I have attached. Thank you!

Try

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1647937945910_5480,#block-yui_3_17_2_1_1647429683089_4990  {
    padding-top:0 !important;
    padding-bottom:0 !important;

  }
}

Let me know how it works on your site

20 minutes ago, bangank36 said:

Try

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1647937945910_5480,#block-yui_3_17_2_1_1647429683089_4990  {
    padding-top:0 !important;
    padding-bottom:0 !important;

  }
}

Let me know how it works on your site

It works! Thank you so much! 🙏