How can I change the button color in a specific section?

Store Design
1

How do I change the button colour for the below section?

Thanks :slightly_smiling_face:

houssamalissa_0-1628794262125.png
houssamalissa_0-1628794262125.png1189×613 887 KB

1 Like
2

Hi @houssamalissa
Add the following rule to the bottom of theme.css

.background-media-text__text.larger-text .btn{
  background-color: #07ba4c !important;
  
}
.background-media-text__text.larger-text .btn:hover{
  background-color: #f56942 !important;
}

For testing purposes, the button color is set to green, but when you hover it turns red. You can change colors to your personal preference.

2021-08-12 15_29_22.png
2021-08-12 15_29_22.png796×466 407 KB

2021-08-12 15_29_39.png
2021-08-12 15_29_39.png607×412 204 KB

3

@houssamalissa

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
#shopify-section-16286804589d3b02f0 .btn {
    background: #008000; /* change color value as you like */
}
4

Hi Ketan,

The code works but it causes the arrow (which appears on hover) to disappear. Can you explain why?