Override styling in embedded element

I Need Help
1

Hi,

A bit of a strange question, I think. I’m embedding an event calendar (code snippet) from Elfsight into a Blocs website. It is styled before being embedded, but when the page goes live, certain fonts change to those which are set as standard for my site. Normally, this would make life easier, but in this case, it makes the text difficult to read; for various reasons.

It is possible for me to add custom CSS to the calendar when it’s being styled, and I have made enquiries about a possible code on the Elfsight forum; yet with no answer.

I was wondering if there is anything that can be done form the ‘Blocs’ side to override the font change?

Again, I’m this is an issue with the calendar code/ provider, rather than with Blocs, but I thought I’d ask, anyway.

Thanks,

Dan

2

I would try to change the calendars CSS in the way that you add e.g. !important. Maybe that’s already enough to display everything correctly.

1 Like
3

Vielen Dank, I’ll give it a try.