How can I change the button color in the image-with-text section?

[nicolasake]

Hello all,

I’m trying to change color to the buttons in the image-with-text section (3 of them)

Background should be #0361A1, text should be white, hover should be #004574.

I was able to change these settings for other sections, but not for this.

Can anyone help me? Thank you!

URL is https://sakesommelierassociation.myshopify.com/

PSW is yawsau

[oscprofessional]

Hello @nicolasake

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->styles.css>Add this code at the bottom.

a.global-button.global-button--banner-highlighted.second_button:hover {
    background: #004574;
}
a.global-button.global-button--banner-highlighted.second_button {
    background: #0361A1;
}

Do you want like this:

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → styles.css and paste this at the bottom of the file:

.global-button--banner-highlighted {
    background-color: #004574;
}

[nicolasake]

Sorry @oscprofessional @ZestardTech , my bad, I’ve not been clear. What I’m trying to modify is this button:

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → styles.css and paste this at the bottom of the file:

a.global-button.global-button--text.image-text__button {
    background-color: #004574;
    color: #fff;
}

[nicolasake]

Thank you very much @ZestardTech ! It worked like magic!

I have one last question: the button in my contact form is just a round ball without any text in it.

How can I fix this? It’s the same in all pages.

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

[nicolasake]

@ZestardTech any chance you can help me with the Contact form button issue? thanks!

[ZestardTech]

Hello there,

There is no text in the button tag, please add the text.

[nicolasake]

@ZestardTech How can I do that? There is no “text” option in the Shopify menu (I can only add text and titles to the form, but no button’s text).

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → sections.js and paste this at the bottom of the file:

$(document).ready(function() {
  $(".global-button--primary").val("Submit");
});

[nicolasake]

Thanks @ZestardTech , you saved my day!

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.