How to change the color of two specific buttons in the same section?

Store Design
,
1

Hi there! I was wondering how I could change the colours of these two buttons specifically. I have tried editing the code for that specific shopify section, however they both remain the same colours when I would like them to be different. This is what it looks like currently:

williamk0601_0-1669158576865.png
williamk0601_0-1669158576865.png1899×519 36.9 KB

I would like it to look like this eventually:

williamk0601_1-1669158594974.png
williamk0601_1-1669158594974.png541×157 40.7 KB

I would just like to know how to make the buttons green and orange respectively. I am comfortable with editing code. Thank you!

Here is my store preview link: https://d68zbav1npvf56kw-55086776342.shopifypreview.com

2

Hi William, you could write block-specific CSS to accomplish this. To help you any further, please share your store URL.

3

Thank you for the quick reply! I realized I didn’t include the preview link and have now edited the post to include it. Thank you!

4

This code will affect all such sections. Result: first button background is green, second button background is orange.

.multi-column .button:nth-of-type(1) {
    background: green;
}

.multi-column .button:nth-of-type(2) {
    background: orange;
}

This code will affect only the section you have on the preview page. Result: first button background is green, second button background is orange.

#shopify-section-85c0a601-6160-44b5-8f8d-5f581f685962 .multi-column .button:nth-of-type(1) {
    background: green;
}

#shopify-section-85c0a601-6160-44b5-8f8d-5f581f685962 .multi-column .button:nth-of-type(2) {
    background: orange;
}

Update:

This is CSS code. Add it in any CSS file that is loaded on the storefront. You can put it in the section file by wrapping the code in

<style></style>
5

This did exactly what I needed. Thank you for including code that would change all sections of that type AS WELL as the specific section I needed. Really appreciate the answer and quickness of the response!