Making the detailed event box bigger

For most people, adding position:relative to “.calnk a:hover div div.event-title-break” fixes this problem.

Bev

Thanks for the reply – not quite a novice but not far off – understand you are talking about the style sheet for the calendar – have found the entry that starts of ‘.calnk etc

Where do I insert ‘piosition:relative to’ and is there any more text ?

Have tried just inserting those words and it makes no difference – have tried changing the margin top size and its made some difference but you then see less of the detail ie time and event details.

thanks

Bev

This was a similar issue but the poster moved on before the resolution was posted.

https://www.ads-software.com/support/topic/event-heading-obscures-times?replies=3

The code to insert would be:

.calnk a:hover div div.event-title-break { position: relative; }

If I could see the page I could advise you more accurately.

Bev

Thanks for the on going support, and yes link to the page would help!

Here it is https://stwerburghschurchkingsley.org.uk/?page_id=7

Inserted the code – it has revealed the detail but now the title text is partly obscured / missing albeit the black dividing line is no longer visible.

This should do it:

.calnk a:hover div div {
position: relative;
width: auto; }

Please let me know if this helps. I am tempted to add this to the default css since this seems to be a common problem.

Bev

Yes it worked – wasn’t sure whether it was a separate entry or part of an existing – but trying each revealed it was a separate entry.

For a couple of lines of code it makes it easier to read and takes longer titles etc.

thanks

Martyn