How can I add color to my product page's call to action and FAQ section?

[Kris-Tech]

Hi

Can I have some help in regards to some colours on my product page.

1. Can you please make my add to cart call to action colourful, please can you make it red alongside the main theme colour HTML code is FD022F

2. I also need to make the FAQ section stand out, add some colour to it to go along with the theme, it’s a bit plain at the moment and I need it to stand out

Thanks

[Made4uo-Ribe]

Hi @Kris-Tech ,

Would you mind to share your URL website? with password if its protected. Thanks!

[Kris-Tech]

https://techfirmstore.com/

[shreyhweb]

@Kris-Tech

Hello,

Please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

button.btn.btn--full.add-to-cart.btn--secondary.copy { background: #FD022F!important; color: #fff!important; border-color: #FD022F!important; } .collapsible-trigger__icon--circle{ border-color: #969696!important; }

after added the given code store looks like this.

If our solution is helpful for you then Please like the post and tap on accepted.

If you want to discuss any further information about it then please contact us on our whatsapp for fast communication or you can also contact by Email.

We will always here for your help and give you perfect solutions.

Thankyou

[Kris-Tech]

HI @shreyhweb , the add to cart worked fine thankyou very much but I didn’t see any changes in the FAQ section, it still has a white background, please advise?

[shreyhweb]

@Kris-Tech sorry for that i forgot one more code. please apply this code above in theme.liquid.

div#shopify-section-template--19737011159346__0995af4f-2a96-450d-8352-71ba579e52d3 { background: #d6d6d6; padding: 40px 0; }

Thankyou

[Kris-Tech]

Hi @shreyhweb

This still hasn’t worked.

To confirm this is what I have inputted, can you tell me if that’s correct/incorrect?

button.btn.btn--full.add-to-cart.btn--secondary.copy { background: #FD022F!important; color: #fff!important; border-color: #FD022F!important; } .collapsible-trigger__icon--circle{ border-color: #969696!important; } div#shopify-section-template--19737011159346__0995af4f-2a96-450d-8352-71ba579e52d3 { background: #d6d6d6; padding: 40px 0; }

[Made4uo-Ribe]

Try this one the FAQ.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

div#shopify-section-template--19749230674226__0995af4f-2a96-450d-8352-71ba579e52d3  h2 {
    color: #FD022F;

Result:

This must be apply on all page. I hoep it help.

[shreyhweb]

its correct

[shreyhweb]

@Kris-Tech

make important both css like this

div#shopify-section-template–19996563505458__0995af4f-2a96-450d-8352-71ba579e52d3 {
background: #d6d6d6!important;
padding:40px 0!important;

}

from our side work properly. let’s see on it

[Kris-Tech]

@shreyhweb @Made4uo-Ribe Still neither are working for me, not sure what’s going on?

[Kris-Tech]

Welcome to get access to my store if you like

[Kris-Tech]

Okay so @shreyhweb @Made4uo-Ribe

Looks like we have made a bit of progress.

I have the grey background on one page here:

https://techfirmstore.com/products/power-bangle

And I have the red text on one page here:

https://techfirmstore.com/products/dust-ninja-mini-vacuum

I’m really unsure why this is the case BUT what would be great if we can somehow combine that combination for ALL products

Thanks!

[shreyhweb]

@Kris-Tech

are you got the solution about it?

[Kris-Tech]

Hi, thanks for following up - I got it sorted in the end, thanks for your help!

[shreyhweb]

@Kris-Tech

our pleasure! so which solution of helpful for you ? Please accept the helpful solution and like the posts.

we will always here for your help

Thankyou @Kris-Tech