Change size and fonts

Hi,
you can customize css in Ginger -> Banner Setup -> Custom CSS

For example you can use this syntax to reduce font-size and padding:

.ginger_banner{
font-size:10px;
}

.ginger_container.bottom{
padding:0px;
}

Thanks for your help, this seems to control the font size but still the banner itself is very high. can you please advise me how to reduce the high of the banner?

Many thanks
Victor

Hi Victor,
send us a link of your website

Hi,

As requested our site.
https://www.paleofoodangel.com

God bless u,
Vic

try this:

.ginger_banner{
padding: 0px 10px !important;
}

That did the trick! fantastic.

thank you so much.

Now how about those huge buttons is there a way to get them a bit smaller?

Cheers,
Vic

I send you an example, you can try different values as you prefer:

.ginger_btn{
padding:2px !important;
font-size:11px !important;
width: 80px !important;
margin:2px !important;
}

yes that works but the hover effect does not change!

Ok, i found a way,

I just replicated the code and added :hover after btn and it works.

thanks for your support. wonderful work.