I am not able to change the button size on my website on home page.

[Vanshchavada1]

I cannot change the button size on my website on the home page, Can someone help?

Location on the button - Bellow Bestsellers and Below Sale Category on the home page.

I also want to change the color of the button to my brand color also - please help that too.

link to the website - https://brownsugar.co.in/ 

[Sweans]

Hi @Vanshchavada1,

You can change the color and size by adding a simple line of css

#shopify-section-template--18119072252120__rich_text_xB9eY9 .rich-text__inner .button{
    background:#af7564 !important;
    color:white ;
    width: 176px !important;
    height: 50px !important;
}

#shopify-section-template--18119072252120__rich_text_xB9eY9 .rich-text__inner .button a:focus{
    color:#000 !important;
}

#shopify-section-template--18119072252120__rich_text_xB9eY9 .rich-text__inner .button{
    background:#af7564 !important;
    color:white;
    width: 176px !important;
    height: 50px !important;
}

#shopify-section-template--18119072252120__rich_text_8gzGgd .rich-text__inner .button a:focus{
    color:#000 !important;
}

Paste this code to your app.css

Go to your online store> themes > Click on three dots of current active theme > edit code > search app.css in the left sidebar > open it and paste the code.

Please like the solution to let me know.

If you need further assistance, feel free to reach out!

Regards,

Sweans