Calendar displays too far left on page

[Allison]

The page with the calendar displays the calendar too far left on the page (text butts left edge of page). I have deactivated all but calendar plug-ins. Made sure there is no sidebar widget active and changed the theme to Twenty Seventeen and none of these changes moved the calendar to the center of the page or gave me the necessary left margin.

Help?

Allison

[Courtney]

Hi Allison

This can be resolved in 2 steps:

#1 Can you add the following code to your child theme, or in Appearance » Customize » Additional CSS?

.events-archive .entry-content, .events-archive .entry-header {
padding-right: 50px;
padding-left: 50px;
Width: 100% !important;
}


#2 Test how your events page looks when you change these settings: Events » Settings » Display » Default stylesheet used for events templates & Events template. Right now your theme is showing a right-hand sidebar. I think if you switch to the Default Events Template the issue should resolve.

Let me know how that goes for you.

Thanks,
Courtney 🙂

[Allison]

Hi Courtney,

Thank you for your help. I added the CSS to the Customize > Additional CSS which did move the text and calendar away from the left edge of the page…

However, I am still having problems… if you click on an event in the list to see more detail, or if you click the link to open the form to submit an event, those pages are butting the left edge of the site window. See screen shots 4 and 5 attached.

I added the mini calendar widget to the right of the page and it is butting the right side of the page.

As far as I know, I am using the default stylesheet, see screenshot 3.

I actually would like to include the Calendar widget along the right side of all pages that a user will see when working with the calendar.

I’ve set up a temporary password for you hoping you will go in and edit CSS as needed to get all pages used by Event Calendar displaying the large calendar along the left 2/3 of the page and the widget mini calendar appearing on the right (and not butting either edge of the page).

My client is expecting a presentation of the site all finalized on Thursday and this is all that remains to complete the site so I’d greatly appreciate your help to get this finalized. See screen shot 6.

Thanks so much for your help. LOVE this product!

Allison

P.S. Is there any way to lower the point size of the Event List headlines. They look huge to me. Say 20 pt instead of what appears to be 24/26 or more now?
___________________________________________________________________________________________________________
Allison Gritton
Gritton Design

608.320-0842 l http://www.grittondesign.com  
___________________________________________________________________________________________________________

This message contains confidential and proprietary information and is intended only for the person(s) to whom it is
addressed. Any use, distribution, copying or disclosure by any other person is strictly prohibited. If you have received this
message in error, please notify the e-mail sender immediately, and delete the original message without making a copy.

[Courtney]

Hi Allison

To fix the sidebar issues on pages that our plugin generates, use this CSS:


.post-type-archive-tribe_events #sidebar-primary {
//
margin-top: 0;
padding-right: 100px;
}
.single-tribe_events #content
{ margin-left: 100px;}
.single-tribe_events #sidebar-primary
{ padding-right: 100px;}
.tribe-community-events
{ margin-left: 100px;}
.single-wp_router_page #sidebar-primary
{ padding-right: 100px !important;}


Unfortunately, we have a policy of not logging in to client sites. Your screenshots did not attach either.

I hope the code above solves this. Let me know.

Thanks
Courtney 🙂

[Allison]

I understand. I’m new to support by forum. Thanks for the code I’ll give it a try and let you know if this resolves the issues.

Allison

[Allison]

Hi Courtney,

Thanks so much for your help! The margins are looking great now. Last issue remaining is that the submission form isn’t taking the full width available to it. Can this be set up to go 100% width available? See screen shot.

Allison

[Courtney]

Hi Allison

I’ve added a right margin (margin-right:-35%) to the Community Events page with this code:


.post-type-archive-tribe_events #sidebar-primary {
//
margin-top: 0;
padding-right: 100px;
}
.single-tribe_events #content
{ margin-left: 100px;}
.single-tribe_events #sidebar-primary
{ padding-right: 100px;}
.tribe-community-events
{ margin-left: 100px;
margin-right:-35%}
.single-wp_router_page #sidebar-primary
{ padding-right: 100px !important;}

Let's see if that works :)

[Allison]

Hi Courtney,

Thank you, this looks MUCH better! I appreciate all your assistance. Client will review site in a meeting tonight and I’m pleased to have addressed all concerns she was having. You can close my support thread. Thanks again!

[Courtney]

Thanks Allison 🙂 Glad this worked out for you. Good luck in the meeting!

[Support Droid]

Hey 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

[Author]

Posts