resize Button CTA on Theme Dawn

Solved

resize Button CTA on Theme Dawn

mbenhassine
Tourist
12 0 4

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

Thanks

Mohamed

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
614 174 205

This is an accepted solution.

@mbenhassine 

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

step.png

- 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

 

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
1118 384 452

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

BSSCommerceHDL_0-1719326438098.png

 

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

BSSCommerceHDL_1-1719326444142.png

 

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-TekLabs
Shopify Partner
614 174 205

This is an accepted solution.

@mbenhassine 

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

step.png

- 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

 

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
mbenhassine
Tourist
12 0 4

Thanks for you help