Symmetry Theme - Logo List Section - Remove button

[puritea]

Hello, I'm trying to remove the button at the bottom of the logo list section in the Symmetry theme.  I need to do it for this section only.  I have successfully overridden the background color and font color for this section but am stuck with hiding the button.  Here is a screenshot of the button I am trying to remove/hide and the CSS I have tried:
This works:

#section-id-template--15939505520834__logo_list_B4hrAk {
background: #dd5d29;
padding-top: 1%;
color: white;
}

This does not work:

#section-id-template--15939505520834__logo_list_B4hrAk.overlay-text__button{ {
display: none !important;
}

This is the HTML for the section:

<div class="container">
<div class="logo-list-container">
<div class="logo-list logo-list--count-3"><div class="logo-list__logo logo-list__logo-1 cc-fade-in-up cc-animate-init -in cc-animate-complete" data-cc-animate="cc-fade-in-up" data-cc-animate-delay="0.15s" style=""><div class="logo-list__logo-image"><div class="rimage-outer-wrapper" style="max-width: 103px">
<div class="rimage-wrapper " style="padding-top: 165.0485436893204%"><img class="rimage__image fade-in lazyautosizes lazyloaded" data-widths="[160, 320]" data-aspectratio="0.6058823529411764" data-sizes="auto" alt="" data-srcset="//chai.com/cdn/shop/files/Chai_In_Under_3_Minutes_Hourglass_v6_Icon_6c234cab-afa3-4f7f-8bc0-a49ddb7a22a1_160x.png?v=1724190620 160w, //chai.com/cdn/shop/files/Chai_In_Under_3_Minutes_Hourglass_v6_Icon_6c234cab-afa3-4f7f-8bc0-a49ddb7a22a1_320x.png?v=1724190620 320w" sizes="103px" srcset="//chai.com/cdn/shop/files/Chai_In_Under_3_Minutes_Hourglass_v6_Icon_6c234cab-afa3-4f7f-8bc0-a49ddb7a22a1_160x.png?v=1724190620 160w, //chai.com/cdn/shop/files/Chai_In_Under_3_Minutes_Hourglass_v6_Icon_6c234cab-afa3-4f7f-8bc0-a49ddb7a22a1_320x.png?v=1724190620 320w">
<noscript><img class="rimage__image" src="//chai.com/cdn/shop/files/Chai_In_Under_3_Minutes_Hourglass_v6_Icon_6c234cab-afa3-4f7f-8bc0-a49ddb7a22a1_160x.png?v=1724190620" alt="">
</noscript>
</div>
</div></div><div class="logo-list__logo-title uppercase-title">

</div>
<div class="logo-list__logo-title">
A complete cup of masala chai in less than 3 minutes
</div></div><div class="logo-list__logo logo-list__logo-2 cc-fade-in-up cc-animate-init -in cc-animate-complete" data-cc-animate="cc-fade-in-up" data-cc-animate-delay="0.3s" style=""><div class="logo-list__logo-image"><div class="rimage-outer-wrapper" style="max-width: 1230px">
<div class="rimage-wrapper " style="padding-top: 61.13821138211382%"><img class="rimage__image fade-in lazyautosizes lazyloaded" data-widths="[160, 320]" data-aspectratio="1.6356382978723405" data-sizes="auto" alt="" data-srcset="//chai.com/cdn/shop/files/Chai_Tea_Leaves_60pct_Icon_b3b00a51-31a4-4307-ac92-9e79d4e50463_160x.png?v=1724189419 160w, //chai.com/cdn/shop/files/Chai_Tea_Leaves_60pct_Icon_b3b00a51-31a4-4307-ac92-9e79d4e50463_320x.png?v=1724189419 320w" sizes="160px" srcset="//chai.com/cdn/shop/files/Chai_Tea_Leaves_60pct_Icon_b3b00a51-31a4-4307-ac92-9e79d4e50463_160x.png?v=1724189419 160w, //chai.com/cdn/shop/files/Chai_Tea_Leaves_60pct_Icon_b3b00a51-31a4-4307-ac92-9e79d4e50463_320x.png?v=1724189419 320w">
<noscript><img class="rimage__image" src="//chai.com/cdn/shop/files/Chai_Tea_Leaves_60pct_Icon_b3b00a51-31a4-4307-ac92-9e79d4e50463_160x.png?v=1724189419" alt="">
</noscript>
</div>
</div></div><div class="logo-list__logo-title uppercase-title">

</div>
<div class="logo-list__logo-title">
Made with organic botanicals, heirloom recipe blends
</div></div><div class="logo-list__logo logo-list__logo-3 cc-fade-in-up cc-animate-init -in cc-animate-complete" data-cc-animate="cc-fade-in-up" data-cc-animate-delay="0.45s" style=""><div class="logo-list__logo-image"><div class="rimage-outer-wrapper" style="max-width: 1008px">
<div class="rimage-wrapper " style="padding-top: 99.00793650793652%"><img class="rimage__image fade-in lazyautosizes lazyloaded" data-widths="[160, 320]" data-aspectratio="1.0100200400801602" data-sizes="auto" alt="" data-srcset="//chai.com/cdn/shop/files/Chai_Sourced_From_India_Globe_Icon_f9dc108b-913d-45cb-a702-5948e11cc8e7_160x.png?v=1724189239 160w, //chai.com/cdn/shop/files/Chai_Sourced_From_India_Globe_Icon_f9dc108b-913d-45cb-a702-5948e11cc8e7_320x.png?v=1724189239 320w" sizes="159.58316633266531px" srcset="//chai.com/cdn/shop/files/Chai_Sourced_From_India_Globe_Icon_f9dc108b-913d-45cb-a702-5948e11cc8e7_160x.png?v=1724189239 160w, //chai.com/cdn/shop/files/Chai_Sourced_From_India_Globe_Icon_f9dc108b-913d-45cb-a702-5948e11cc8e7_320x.png?v=1724189239 320w">
<noscript><img class="rimage__image" src="//chai.com/cdn/shop/files/Chai_Sourced_From_India_Globe_Icon_f9dc108b-913d-45cb-a702-5948e11cc8e7_160x.png?v=1724189239" alt="">
</noscript>
</div>
</div></div><div class="logo-list__logo-title uppercase-title">

</div>
<div class="logo-list__logo-title">
Tea from India, packaged with Mother Earth in mind
</div></div>

</div>



<div class="lightly-spaced-row-above logo-button" style="text-align: -webkit-center;"><a class="overlay-text__button button altcolour" href=""></a></div>

</div><h2 class="hometitle h4-style align-center spaced-row cc-animate-init -in cc-animate-complete" style="" data-cc-animate="" data-cc-animate-delay="0.15s">

</h2>

</div>

[Muhammad_Ali_S]

@puritea 
Probably syntax issue, you have two { { it should be one.
Try to remove one and check.

[PageFly-Richard · Accepted solution]

Hi @puritea 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

#section-id-template--15939505520834__logo_list_B4hrAk .overlay-text__button{ 
display: none !important;
}

There should be spacing between ID section and the class. Also removed the extra brackets

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[puritea]

Thank you.  This worked.