Title on page overlaps things

[Christopher]

I love the plug in. It’s almost perfect except for the way it renders on the page, at least in Firefox. The title “Calendar of Events” overlaps the drop downs to choose the months, and it overlaps the links to previous and next month. I’m not a programmer, but have made a few changes in code before. Thanks for any suggestions.

[Christopher]

Sorry, I forgot to include the link to the page:

http://environmentalheadlines.com/ct/events/

[Samuel]

They may take weekends. I’m just an ecp user but I’m having a morning coffee and this fix is easy so I’ll share. Your wp theme has a line that tells all selects to be 100% wide, which is conflicting with the default layout ECP uses for that area. The prev and next month link and both selects are supposed to be on 1 line, not 4.

You have a few options. Instead of applying the select { 100% wide } css rule globally remove that declaration @ line 990 of style_default.css and apply it to selectors when necessary. Or leave it as is and add this to that css or pref your custom events css: h2.tribe-events-cal-title {margin-bottom: 40px !important;}.

I would go with option 1. 🙂

[Christopher]

Thanks .. I’ll talk to someone who knows a bit more about this and see what we can do. Thank you!

[Christopher]

My problem is if I remove the [ 100% wide } css rule globally (not exactly sure how id’ do that, i’m assumign that’s what it look like in the style_defaul.css file), I’m not sure how i’d apply it to selectors when necessary. I don’t do a lot of backend work (and try to limit that so I don’t screw up the blog beyond recognition or I’d really be in trouble). 2. I’m not sure how I’d add that css to the custom events css. I don’t see that file under the editor section. Thanks!

[Rob]

Thanks for the support so far, Samuel – you are correct in that we try to take weekends offline to maintain our work/life balance here. Appreciate you stepping in for us in the interim 🙂

Christopher: let me see if one of our debs has a suggestion on that last point you raised. Should be able to at least point you in the right direction.

[Christopher]

Thank you, Rob.

[Rob]

No prob. Got Jonah taking a look at threads this afternoon, and yours is among them, so we’ll have eyes on this today.

[Jonah]

Hi Christopher,

Samuel is right the solution is to remove that global 100% width declaration on select tags from your stylesheet and make it more specific so it doesn’t affect The Events Calendar.

I don’t see any other select tags on your website so the impact shouldn’t be too bad. If you tell me where another select tag is on the site I can tell you how to target it and we can avoid that conflict.

Regards,
Jonah

[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