[solved] CGCalendar full display has big gap above it

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1465
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

[solved] CGCalendar full display has big gap above it

Post 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 :-*
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
User avatar
PinkElephant
Forum Members
Forum Members
Posts: 169
Joined: Fri Feb 06, 2009 2:08 pm

Re: CGCalendar full display has big gap above it

Post by PinkElephant »

Hi Paul

The .fc-clear in

Code: Select all

<div class="fc-clear"></div>
seems to be doing it.
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1465
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

Re: CGCalendar full display has big gap above it

Post 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...
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
User avatar
PinkElephant
Forum Members
Forum Members
Posts: 169
Joined: Fri Feb 06, 2009 2:08 pm

Re: CGCalendar full display has big gap above it

Post 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. :)
Post Reply

Return to “Layout and Design (CSS & HTML)”