Page 1 of 1

[solved] CGCalendar full display has big gap above it

Posted: Tue Jan 02, 2018 4:38 pm
by paulbaker
I've stared at this for hours and I am now losing the will to live. :'(

It's an instance of CGCalendar 2.5. CMSMS 2.2.4. (Recent upgrade).
Gap above calendar display
Gap above calendar display
The right column is floated right. The full calendar display in the main content area has a huge gap above it, the height of the right column. (If I increase the height of the right column, the diary table drops further down).

How can I get rid of that gap? I can't see what is causing it.

www.stmarys-maidenhead.org.uk/diary/

Thank you :-*

Re: CGCalendar full display has big gap above it

Posted: Tue Jan 02, 2018 5:54 pm
by PinkElephant
Hi Paul

The .fc-clear in

Code: Select all

<div class="fc-clear"></div>
seems to be doing it.

Re: CGCalendar full display has big gap above it

Posted: Fri Jan 05, 2018 7:57 pm
by paulbaker
Awesome, thank you Mr Pink Elephant. That class had a clear: both;.

A quick

.fc-clear {
clear: none;
}

has sorted it. How did you find it? No amount of inspect-element in Firefox was doing it for me...

Re: CGCalendar full display has big gap above it

Posted: Tue Jan 09, 2018 3:46 pm
by PinkElephant
paulbaker wrote:How did you find it? No amount of inspect-element in Firefox was doing it for me...
Firefox Developer Tools (F12) is great for high-lighting element boundaries and dynamically rewriting pages when you disable or edit css instructions. :)