Styling a plugin, theme overriding style for lower breakpoints?

[eyedia]

I’m using the ICS pro calendar plugin. I’m having an issue over riding the css for the plugin. I discussed with the plugin developer and he belives it may be the theme causing the issue.

This is happening on breakpoints below 900px. The developer has mentioned there are no media queries for 900px breakpoints so it must be coming from the theme. Developer said:
"I’m not entirely sure what the issue is, but I think it may be that your breakpoints have to match the ones in the plugin. ICS Calendar doesn’t have any 900px breakpoints. Here are the breakpoints it uses:

@media screen and (max-width: 782px)
@media screen and (max-width: 1024px)
@media screen and (max-width: 768px) Masonry view only
@media screen and (max-width: 480px) Masonry view only
@media screen and (min-width: 783px)
@media screen and (max-width: 1024px) and (min-width: 783px)

However… there are no changes for .ics-calendar-filter input[type=reset] in the plugin’s media queries, so I think this may actually be some CSS in your theme that’s causing the issue."

Some extra context:

I have in my global css rules to override the plugin css. I have added no media queries for these so they should work for all breakpoints. The strange thing though, when I inspect on the front end, I see my rules being wrapped in a media querie with @media only screen and (min-width: 900px) . I’m not sure where this is coming from as I have never had this with any other rules i’ve added in my global css (via cornerstone)

Any ideas on this one?

[tristup]

Hi @eyedia,

Thanks for reaching out.
It is not clear what exact issue you are having. If the plugin developer can point out the code that is overriding the style, we can check if it is coming from Theme or not. And regarding the code added to Global CSS, it is not clear if that is already wrapped in the 900px breakpoint or not. I would suggest you, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: Please remember that we don’t provide any support to custom coding or 3rd party plugin issues.

Thanks

[eyedia]

Hi tristin, thank you for your response. I did track down one error on my part. I do see a ton of incline style coming through the header from pro. Is that normal?

With inspector, when i view the css for the inline style section, it ends like this:

I tried to expand the section but seams it already is. IS this normal?

Here is my site as well incase inspector helps:
https://dev.sd19.a2hosted.com/schedule-calendar/

[ruenel]

Hello @eyedia,

Can you please post the whole custom CSS code? You must have inserted it in the wrong place. We would love to investigate this issue and find out where you have placed the code. By the way, please be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.