MEC and Cornerstone: unable to control font styles and sizes

[outpost33]

Hi,

I am developing a new site on a staging domain.

When using Cornerstone to add content to events in Modern Events Calendar, I am unable to control font sizes and styles. Adjusting the size slider makes no difference, or only affects some sections of text and not the whole of the text box. Cornerstone seems to be overridden by the plugin itself, or some other factor, and text is rendering strangely.

I have tried using CSS Hero to achieve a better result, but from a practical point of view this is far from ideal. For testing purposes I have now disabled CSS Hero to make sure it is not affecting anything.

Could you check what’s going on here? An example page and the login details for the staging domain are in the secure area below.

Many thanks!

[christian]

Hey Michael,

It’s because of MEC’s paragraph font size. It’s restricted to 14px.

To make the builder font size work, you will need to add the following CSS in the Content CSS or Global CSS.

.mec-wrap p {
    font-size: inherit;
}

Hope that helps.

[outpost33]

Thanks that fixed it! And I guess all other relevant css attributes could be inherited too.

[ruenel]

You’re welcome!
We’re glad @Christian were able to help you out.