CSS for just one section ID not working?

Clearly I'm making some sort of mistake here, but in Design > Custom CSS I'm finding that the following is applying globally to the entire site, rather than just one section on the homepage. The ID is correct.

What's my mistake, please?

#block-yui_3_17_2_1_1605803997792_3851, .Main-content {
padding-top:0px;
padding-left:0px;
padding-right:0px !important;
width:100%;
  }

9 minutes ago, willnphoto said:

Clearly I'm making some sort of mistake here, but in Design > Custom CSS I'm finding that the following is applying globally to the entire site, rather than just one section on the homepage. The ID is correct.

What's my mistake, please?

#block-yui_3_17_2_1_1605803997792_3851, .Main-content {
padding-top:0px;
padding-left:0px;
padding-right:0px !important;
width:100%;
  }

 

The above code is selecting multi elements: the #blockid and the element entire your site with class .Main-content. Is it the right one you want to apply? 

Just now, bangank36 said:

The above code is selecting multi elements: the #blockid and the element entire your site with class .Main-content. Is it the right one you want to apply? 

We want to select that class but within the section ID only. Is that possible? 

Reference to select right element for styling: https://www.w3schools.com/cssref/css_selectors.asp

4 minutes ago, bangank36 said:

You can use this extension: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

to find the right id for section/page

Try the following rule to select the class within a section/page

#sectionID (or #PageID) .class {
  /*Your specific style*/
}

Hope it help

For some reason, when I remove the comma between ID and class the change it should apply no longer works. I tried changing block ID for the page (collection) ID and it makes no difference. It seems the design change only works with the comma...

40 minutes ago, willnphoto said:

For some reason, when I remove the comma between ID and class the change it should apply no longer works. I tried changing block ID for the page (collection) ID and it makes no difference. It seems the design change only works with the comma...

We've sorted it - thanks!

39 minutes ago, willnphoto said:

For some reason, when I remove the comma between ID and class the change it should apply no longer works. I tried changing block ID for the page (collection) ID and it makes no difference. It seems the design change only works with the comma...

Removing comma means that you select the class .Main-content within the block id so it won't work at all

Using

#pageId .Main-content {
  /*style*/
}

should help (have a space between pageid and class)