Changing the button color on a "Text Column with Images"

Store Design
1

Hello Community,

I am using the Turbo Theme from Sandbox and I was wondering if anyone knew how to change the button color / font color on the “Text Column with Images”. Currently, I am only able to have a black outline with black font. I would like to change them so they match the Slideshow image buttons. Orange button with white font.

website: www.QLTYobjective.com

Thanks in advance…Andrew

2

@voodoodsn

oh sorry for that issue

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
.shopify-section--text-columns-with-images .text-columns-with-images__button
{
    background: #ff6400;
    border-color: #ff6400;
    color: #fff;
}
3

This is very helpful! Is there another line I can add that will allow me to change the hover colour as well? Thanks!

4

@loreen_sawatzky

can you share store url

5

https://so-you-want-to-write-a-book.myshopify.com/ thanks @KetanKumar !

6

@loreen_sawatzky

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
.shopify-section--text-columns-with-images .text-columns-with-images__button {
    background: #fe9519;
    border-color: #fe9519;
    color: #fff;
}
7

Thanks @KetanKumar ! I did follow those instructions as you mentioned in your comment in the thread above, and I change the hex code to our branding. I am not sure how to change the hover colour on the button, though. The button colour should be #3142FF and the hover should be #0F1BF8. Is there any easy way to fix that in the CSS style sheet?

Thanks!