drjanp

Ok, have managed to work it out using the suggestions from another post: https://www.ads-software.com/support/topic/styles-completely-messed-up/ and turning everything off at General > Styling options (advanced)
Thanks to the developers for adding that option.

Hi Patrick,

Many thanks for your help. As a result of your comments, I have found out how to disable Fusion Builder on selected pages (I got rid of it for the Events listing page, which really cleared things up for me), and found that things are much easier to identify now. After doing that, it got rid of multiple classes, etc and your suggestion does indeed work for individual styling of the small and large calendar.

Thanks again for your help – very much appreciated!

Hi Patrick,
Many thanks. I don’t have a link that I can provide, but I can give you the html:

Small Calendar (in widget):

<aside id=”sidebar” role=”complementary” class=”sidebar fusion-widget-area fusion-content-widget-area fusion-sidebar-right fusion-eventscalendar” style=”float: right;” >
<div id=”em_calendar-3″ class=”fusion-widget-align-default widget widget_em_calendar” style=”padding: 50px 0 0 0;”>
<div class=”heading”><h4 class=”widget-title”>Calendar of Events</h4></div>
<div id=”em-calendar-118″ class=”em-calendar-wrapper”><table class=”em-calendar”>
<thead>
<tr>

The full calendar has the following html:

<section id=”content” style=”width: 100%;”>
<div id=”post-1503″ class=”post-1503 page type-page status-publish hentry”>
<span class=”entry-title rich-snippet-hidden”>Events Calendar</span>
<span class=”vcard rich-snippet-hidden”>
<span class=”fn”></span></span>
<span class=”updated rich-snippet-hidden”>2019-07-30T20:31:35+08:00</span>
<div class=”post-content”>
<div class=”fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling” style=’background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;’><div class=”fusion-builder-row fusion-row “>
<div class=”fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-builder-column-1 fusion-one-full fusion-column-first fusion-column-last 1_1″ style=’margin-top:30px;margin-bottom:20px;’>

Regards,
Janet

Hello gneslo,
Not sure if it will help you, but I found if I put a space for “All” (i.e. All=” ” in the code), it got rid of the “All” altogether.