make image banner heading larger CSS in dawn theme

Solved

make image banner heading larger CSS in dawn theme

tahliahanke
Excursionist
21 0 4

Hello, im wondering if for the image banner section - is it possible to make the heading larger with CSS?

i have it set to 'large' from the section settings but it is still quite small we would love to have it bigger

thank you

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
9668 1936 1971

This is an accepted solution.

Hi @tahliahanke 

You can add this CSS code to Custom CSS of Image banner section to make heading larger. 

h2 { font-size: 48px; }

Screenshot 2024-08-14 at 09.17.03.png

 

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Guleria
Shopify Partner
3404 679 963

This is an accepted solution.

Hello @tahliahanke ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.banner__heading { 
    font-size: 8rem !important;
}

 

Thanks

 

 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
9668 1936 1971

This is an accepted solution.

Hi @tahliahanke 

You can add this CSS code to Custom CSS of Image banner section to make heading larger. 

h2 { font-size: 48px; }

Screenshot 2024-08-14 at 09.17.03.png

 

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Guleria
Shopify Partner
3404 679 963

This is an accepted solution.

Hello @tahliahanke ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.banner__heading { 
    font-size: 8rem !important;
}

 

Thanks

 

 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder