How can I change a button color to #bf2313 on my webpage?

[Only1mrsfragili]

Hello,

Can someone please tell me how to change the " SHOP MENS" button to color #bf2313. I was give a solution that I can’t get to work the the person that gave me the answer isn’t responding so my issue is still unsolved.

The URL to the page is : https://projects817.com/pages/landing-page

[Only1mrsfragili]

Sorry, I don’t think you understood my question. My shop women’s button and shop men’s button are both pink. However I want the men’s button to be red #bf2313. I just need to change the border color of this button. I already have the links set correctly.

[mt686]

Hi, nice landing page!

Here’s a code snippet that’ll work:

{% style %}
.feature-details .global-button.feature-details__button:nth-of-type(1) {
    border-color: #bf2313;
}
{% endstyle %}

Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code, just click on the button and change the border color. You can make the edit and delete the app without paying for anything, and keep the edits.

Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!

[Only1mrsfragili]

Thank you! At the moment I really would like to edit the code . I inserted it like you said however it changed the color of both buttons

[mt686]

Whoops! Here you go:

{% style %}
.feature-section.section-2 .feature-details .global-button.feature-details__button {
    border-color: #bf2313;
}
{% endstyle %}

That should work!

[Only1mrsfragili]

It worked! Thank you so much!

[Only1mrsfragili]

I got too happy too quick. It also makes all the second buttons red and not just the landing page

[Only1mrsfragili]

I adjusted your code a little and now it works . Thanks again. I’m gonna paste the code here just in case anyone else with the turbo theme needs it in the future

{% if page.handle == ‘landing-page’ %}

.feature-section.section-2 .feature-details .global-button.feature-details__button { border-color: #bf2313; }

{% endif %}