Hide .author.fn.org

[Greg]

Hi,

I’ve checked this out

CSS Elements

But unfortunately it doesn’t work.

We just want to not display the Venue in the event list view, for several reasons, which you may be interested in from a customer feedback point of view.

– If venue is not entered “Unknown Venue” is displayed
– the venue creates a link to the town, which opens a rather useless page showing a Google map
– it occupies unneccessary vertical space

Firebug shows the element as being a span called “.author.fn.org” …

http://www.screencast.com/t/34OfenDSpFfS

however all my attempts to style or hide it are unsuccessful, eg:

dd.author.fn.org{
background-color: #08215C!important;
}

.author.fn.org{
background-color: #08215C!important;
}

etc…

How can we hide this span element from the list view? thank you.

(It would be great if there were more display customisation from within the plugin itself to be honest! Hiding things via CSS isn’t ideal)

Please advise? Thank you

[George]

Hi there,

In your CSS, right off the bat, you have no space between the rule and the !important declaration in your style rules. You write this, for example:

background-color: #08215C!important;

That is not valid CSS.

Does literally adding a single space there make any difference?

background-color: #08215C !important;

Cheers,
George

[Greg]

Well… this is awkward 🙂 Thanks a lot.

On the same topic – we’ve hidden the content of the info box which appears below, but I can’t seem to hide the box itself, so we get a double border.

I can do it by setting the min-height of the container, but this isn’t particularly pretty.

How can I hide this lower box? I can’t find any reference of it in the CSS

http://www.screencast.com/t/CzurtLCYm0X

http://www.screencast.com/t/mWWPvNhXeO

Thank you

[George]

Hey Greg,

I’m glad that tip helped.

For further design refinement, you will unfortunately have to take the reins since we cannot help with custom coding. This is elaborated on here → https://theeventscalendar.com/knowledgebase/what-support-is-provided-for-license-holders/

This is especially true for the element in your screenshot (the “lower box”), as this seems to be something added by the “Fusion” theme, not The Events Calendar itself.

---

Now, I mention this policy just to set your expectation and uphold our standards fairly on the forums. However, if you can share a link to the event in the screenshot with these boxes, I will take a quick look and try to recommend some CSS. 🙂

I unfortunately cannot ascertain the exact necessary code from your screenshots, so if possible, share a link to the event in them and I will do what I can.

If you’re using a development site that is hidden from public view, then since we cannot log into customer sites for any reason, could you make things temporarily visible to the public so I could see them without logging in?

Thank you!
George

[Greg]

Hi George,

Thank you, that is very reasonable.

The site is indeed in development at the moment. But some of the sub-sites should be accessible.

Can you reach this page?

http://cpmr-baltic.org/events/

The problem box is visible there on the event “CPMR Political Bureau”

Cheers all the best.

Greg

[George]

Hey @Greg,

This CSS should help get rid of that gap:


#tribe-events .tribe-events-list .type-tribe_events {
border-bottom: 0 none !important;
min-height: auto !important;
}


This is the only way I could pull it off.

For further customization support, I would recommend hiring a developer if needed, but I hope this last bit of CSS I shared helps.

— George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts