Button Color and button font change ( Impulse theme )

Store Design
1

Hi Experts

I am using an impulse theme and the store URL is https://tennismark.myshopify.com/

password

maigib

I want to change the color of the button of the section below in the screenshot and also the font color to white I want to change the whole button color completely

I would be thankful if someone can help

mittiti.JPG
mittiti.JPG1036Ă—321 45.5 KB

2

@Pansota ,

a.btn.btn--secondary.btn--small {
    color: #fff;
    background: red;
}

Change the color as per you need.

3

Thank you I tried this code but it changed the shape of the button as the button shape was different if you can see please

Secondly I want to give different colors of these 2 buttons like

Blue to Blue

Orange to orange

4

Can you help me with that ?

5

Please add below css code in bottom of assets/theme.css file

.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(1) a.btn {
background: blue;
color: #fff;
border-top-color: blue;
border-bottom-color: blue;
}
.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(1) a.btn::after {
background: blue;
border-top-color: blue;
border-right-color: blue;
}
.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(1) a.btn::before {
border-left-color: blue;
border-bottom-color: blue;
background: blue;
}

.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(2) a.btn {
background: red;
color: #fff;
border-top-color: red;
border-bottom-color: red;
}
.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(2) a.btn::after {
background: red;
border-top-color: red;
border-right-color: red;
}
.grid__item.medium-up–one-half.text-center.aos-init.aos-animate:nth-child(2) a.btn::before {
border-left-color: red;
border-bottom-color: red;
background: red;
}

Thank you.

6

@Denishamakwana you are always super helpful

I appreciate your help code is working perfectly I am thankful GURU

LOVE LOVE AND LOVE YOR SUPPORT