Home › Forums › Calendar Products › Events Calendar PRO › Too much padding at top of page
- This topic has 3 replies, 1 voice, and was last updated 9 years, 1 month ago by
Colleen Isola.
-
AuthorPosts
-
March 15, 2017 at 9:43 am #1254604
Colleen Isola
ParticipantGreetings!
I am using Events Calendar PRO… How do eliminate all that padding around items at the top of the page?
http://50.87.249.61/~lacamari/events/the boxes that house “EVENTS IN” and “VIEW AS” are too tall, then a big white space under that, then the title “EVENTS IN MARCH 2017” then more giant white space, and finally the calendar. I have looked through the CSS files provided with the plugin and can’t find anything that looks like what I need to get rid of all that extra vertical space. AND I am not a JS coder, so I am hesitant, don’t want to do too much damage. 🙂 I have eliminated the page margins/paddings within the template itself, so now I am turning to you for help.
Thanks!
KellyMarch 15, 2017 at 1:37 pm #1254728Cliff
MemberHi, Colleen.
I appreciate your question and the desire to customize it for your use. However, we do not provide styling customization support as part of our Scope of Support / Terms.
I did give it an investigation, though, and found out:
#tribe-events-bar has height:auto; which is 111px. Overriding that to 80px and then adding height:90px to #tribe-bar-form and height:130px to #tribe-bar-views makes it look like this: https://cl.ly/1U0I2G270U35
I see #tribe-events-bar has margin-bottom:60px so removing that too makes it look like this:Â https://cl.ly/3p0n3q0j3n2m
Part of the reason we do not provide styling is because the info I provided may not be correct for all browser screen widths (i.e. responsive styling), but I hope this information helps.
Thank you very much for your understanding.
If you need some coding help, you may want to ask your developer or reference our documentation and list of known customizers.
===
P.S. I also noticed two console errors at your site. (If needed, you may reference our KB article Using Google Chrome Developer Tools.)
- https://cl.ly/1K170h3d0a0E – not sure what it’s from, exactly
- You should enter a Google Maps API key in The Events Calendar settings.
April 6, 2017 at 9:35 am #1266006Support Droid
KeymasterHey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.
Thanks so much!
The Events Calendar Support Team -
AuthorPosts
- The topic ‘Too much padding at top of page’ is closed to new replies.
