Change button colour on section Text Columns with Images

[quiztrail]

Hi there,

How can I do the following to this Text Columns with Images section - 

1 - Change the colour of the buttons

2 - Center the text under the images

3 - Make the images clickable to the pages

My website is www.quiztrail.co.uk

Thank you

[Moeed]

Hey @quiztrail 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.grid__item.medium-up--one-third.text-left h3.h4 {
    text-align: -webkit-center !important;
}
.grid__item.medium-up--one-third.text-left .btn--small {
    color: black !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[quiztrail]

Hi Moeed,

Thank you for this. Is there a way to also center the buttons please?

Best wishes,

Becky 

[niraj_patel]

Hello @quiztrail 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

      h3.h4 {
        text-align: center !important;
      }
      .btn--secondary {
          color:#b24b59 !important;
      }

</style>

[OvexTV]

Hello, 

I would like to change my boutton section by a picture of my brand like chrome hearts. Could you help me please?