Custom Padding on A Single Page Within an Index

I am using the Bryler template and have a single index page for my site that holds all of the content pages within it.

I am trying to create a scenario where the first page of the index has different padding (top and bottom margins) than the rest of the pages within the same index.  In other words, can I adjust the padding of a single page within an index without affecting the others?

Let's say my index is named "welcome" and the first content page under that is called "home".  I found this code on another thread, but cant seem to assign the page names properly...

section#video .Index-page-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

I tried using "welcome#home" and "home#welcome", but neither worked.  I'm sure I'm missing something simple, as a very inexperienced coder.

I'm hoping some one can help me out.  Thanks so much.

Can you share link to page in your question?

Thanks for the response, tuanphan.  Here is a link:  https://swan-potato-cest.squarespace.com/

On 5/23/2020 at 12:57 AM, 3ric said:

Thanks for the response, tuanphan.  Here is a link:  https://swan-potato-cest.squarespace.com/

Which section? can you take a screenshot..

Its the top/first section where the site title is.  I'd like to reduce the top and bottom padding to tighten up the spacing around it.

Image attached for reference...

On 5/26/2020 at 3:14 AM, 3ric said:

Its the top/first section where the site title is.  I'd like to reduce the top and bottom padding to tighten up the spacing around it.

Image attached for reference...

 

Add to Home > Design > Custom CSS

div#featured-work-section .content {
    padding-top: 0;
}
div#home-section .content {
    padding-bottom: 0;
    padding-top: 0;
}

Tuan, that worked beautifully.  Thank you very much.  Really appreciate the help.

I am trying to do the same thing on this page....

Need the Melt Live Packages banner to be closer to 3 boxes and text to be closer to banner

https://www.meltyogastudio.com/rates

Meltyoga#1

On 6/1/2020 at 4:47 AM, meltyogastudio said:

I am trying to do the same thing on this page....

Need the Melt Live Packages banner to be closer to 3 boxes and text to be closer to banner

 

https://www.meltyogastudio.com/rates

Meltyoga#1

Add to Home > Design > Custom CSS

[data-section-id="5ec4290f96387b0add7f546b"] .content-wrapper {
    padding-top: 10px !important;
}