How can I customize my homepage banner caption font size?

Hello,

I would like to customize 3 things

Link to my website: www.sundaypaloma.com

  1. Bigger caption font size just for the homepage (banner)

  1. Space between collection lists and add shop now underneath each collection

to this:

  1. make the Mobile header size to full length with bigger text.

to this

Thank you so much

@oscaroline

.banner__text.caption-with-letter-spacing {
    font-size: 31px;
    font-weight: bold;
}

slider-component.slider-mobile-gutter li {
    padding: 12px;
}
p.announcement-bar__message.center.h5 {
    font-size: 18px;
}

Note : check theme customizer option to add shop now button

oh for the 3rd one I meant the size of the banner image on mobile, not the announcement bar.

and now the this slider has bigger gap between each image

Is there anyway I can fix it?

Thank you :slightly_smiling_face:

@oscaroline ,

slider-component.slider-mobile-gutter.slider-component-full-width.slider-component-desktop li {
    padding: 2px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Remove this css.