How to inrease size of text in banner

[Aleksander22]

Hello,

I was thinking how can I adjust text in banner and I got no idea. I just want to inrease size of text in that banner.

Look on the picture:

I would be really grateful for help

[Guleria]

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__text.rte.caption-with-letter-spacing {
    font-size: 20px; 
}

[GTLOfficial · Accepted solution]

Hello @Aleksander22 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-image-banner.css
add this code at the end of the file.

.banner__heading {
font-size: 31px;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Aleksander22]

Thanks for help its working it was really helpful.

[Sweans]

Hi @Aleksander22 ,

If you need to increase the size of text of banner in that page only then.

add this css in your custom css.

to add this code in your custom css goto online store > themes > click customize in your theme > click on the banner which needs to be changed > In your rightside bar scroll down the you can see custom css.

Add this code so it wont affect in all pages.

.heading{
font-size:18px
}

if you need to change it on all pages the add this code to

online store> themes> three dots button of your theme > edit code > add this to your theme main css file.
just replace the "heading" in above css to the class of your element.
you can find class by inspecting the element.

goto your website > right click on the text > inspect> in right side see the class.

if you can give link of the site we can give you the correct css with your class.

I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans