Resize Button CTA on Theme Dawn

Technical Q&A
1

Hi All

I am newbie to shopify , how i could resize the central Button CALL To action in my main page and make it stand more and bigger

ss.png
ss.png952×582 227 KB

Thanks

Mohamed

2

Hi @mbenhassine ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1719326438098.png
BSSCommerceHDL_0-1719326438098.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719326444142.png
BSSCommerceHDL_1-1719326444142.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.banner__buttons a {
    padding: 2rem 4rem !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

@mbenhassine

  • Here is the solution for you
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.banner__buttons .button--secondary {
    padding: 26px 48px !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1719333795492.png
BSSTekLabs_0-1719333795492.png1711×852 120 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
4

Thanks for you help