Exclude Event Summary Box from Custom CSS

19 hours ago, k8pq said:

WEBSITE PAGE: https://kinsmen.org/gatherings

I have added buttons to the first Event Summary block on this page, but I'd like to exclude the buttons from the second Event Summary block on the page. The block ID is #block-yui_3_17_2_1_1710347334583_18027. I've tried adding .sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) to the following code without success. Can someone help, pretty please? 

 

/* Buttons on Event Summary Blocks */
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-item, .sqs-block-summary-v2 .summary-item.positioned {
  padding-bottom: 50px !important;
  }
  .summary-content {
    position:relative;
  }
  .summary-title .summary-title-link::after {
    content: 'REGISTER HERE';
    background-color: black;
    border-radius: 0px;
    display: block;
    padding: 13px 26px;
    font-size: .75rem;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    background-color: black;
    border-color: white;
    border: 1px solid #ffffff!important;
    position: absolute;
    bottom: -60px;
  }
  
  .summary-title .summary-title-link:hover::after {
    opacity: .8;
  }
 

if it has only 2 summary blocks, i think we should select directly the one you want to apply style.

If you intend to have more than 2 ones and set style for 2 summary blocks and exclude the mentioned section, you can try the following Css code

.summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027)  .summary-block-setting-design-list .summary-item, .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-item.positioned {
  padding-bottom: 50px !important;
}
.summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027)  .summary-content {
  position:relative;
}
.summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027)  .summary-title .summary-title-link::after {
  content: 'REGISTER HERE';
  background-color: black;
  border-radius: 0px;
  display: block;
  padding: 13px 26px;
  font-size: .75rem;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  background-color: black;
  border-color: white;
  border: 1px solid #ffffff!important;
  position: absolute;
  bottom: -60px;
}

.summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027)  .summary-title .summary-title-link:hover::after {
  opacity: .8;
}

Let me know how it works on your site