Docs

[SkeeterHarris]

Hi there,

I am using call out boxes throughout the site but they tend to look just way to big based on the Title and body text. Here is an example here use here – http://bcb.5d4.myftpupload.com/strategic-advising-services

Is there a way to style all call out boxes with a small sized fonts?

I’ll send over creds separately if you need them.

Thanks – Skeeter

[SkeeterHarris]

This reply has been marked as private.

[Lely]

Hello Skeeter,

Thank you for the credentials.
Please add custom-callout on the callout element class field.
Then add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.custom-callout .h-callout{
   font-size: 25px; /*Adjust to your preferred font size*/
}
.custom-callout .p-callout{
    font-size: 21px; /*Adjust to your preferred font size*/
}

Please note that you don’t have to add headings tag on the title like this:
<h5>More than Commercial Real Estate Consulting</h5>
Just add the text like this:
More than Commercial Real Estate Consulting
Headings tag are added automatically and above CSS controls the font size.

Hope this helps.

[SkeeterHarris]

Hi Lely,

Thanks that worked perfectly and I have one more question on this topic – what would I added to the custom-callout element to do the safe to the button size within it?

thank you again, Love you guys!!!

[Joao]

Hi THere,

Please add the following code to Appereance > Customizer > CUstom > CSS

.x-callout .x-btn {
    font-size: 15px;
}

Hope it helps

Joao

[SkeeterHarris]

Hello Joao,

Yes this definitely balanced the call outs – Thanks so much for the help.

Skeeter

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts