We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

resize Button CTA on Theme Dawn

Solved

resize Button CTA on Theme Dawn

mbenhassine
Excursionist
16 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
2401 695 836

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2305 835 907

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2401 695 836

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
mbenhassine
Excursionist
16 0 4

Thanks for you help