How to Center Calendar Display on page.

Steve F. created the topic: How to Center Calendar Display on page.

Hello All,

How does one center the monthly calendar on the page ?
Mine seems to insist on being "Left" only.
Is there a center option or do we have to place the shortcode in a centered table ?
If this question has been answered before, my apology for not finding it.

Steve

#59053

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hi Steve!

Could you please give the link to the page, where you have placed your calendar? I will provide you a few lines of CSS code to center the calendar.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#59103

Please Log in or Create an account to join the conversation.


Metabranding replied the topic: How to Center Calendar Display on page.

Hi Agapi G.

I have the same problem, would you mind sending to me this CSS lines?

Thank you.

#63581

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Greetings! Thank you for posting your request!

I have looked for Steve's support ticket to provide you the CSS code. But couldn't find it, unfortunately. Could you please give the link to your calendar page, so we can take a look and post the CSS solution?

Thanks in advance!
Have a wonderful day!


Kind regards,
Agapi G.
Web-Dorado team
#63603

Please Log in or Create an account to join the conversation.


Margaret replied the topic: How to Center Calendar Display on page.

Hello,
I would also like to center my calendar. How to do it?

#65138

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hi Margaret! Thanks for posting your request!

Could you please give the link to your calendar page? I'll take a look and provide you the necessary CSS code for centering the calendar.

Thank you in advance! Have a wonderful week!


Kind regards,
Agapi G.
Web-Dorado team
#65182

Please Log in or Create an account to join the conversation.


Steve F. replied the topic: How to Center Calendar Display on page.

Hello,

Actually, we thought that an easier solution would be offered.
We don't want to add css code that may get overwritten in the future....
We thought you may have a centered table solution, similar to placing the calendar in a table that was auto centered. takes too long to get a reply... Thanks anyway
Have a great day.
Steve

#65216

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hi Steve!

Kindly note, that if you add the CSS to custom CSS editor of your website theme, it will apply to the calendar properly. And will not get vanished when you update the theme or Spider Calendar plugin.

So in case your website theme has this editor, or you are using a plugin for these purposes (e.g. this one: wordpress.org/plugins/simple-custom-css/ ), you can use a few lines of code without worrying.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#65220

Please Log in or Create an account to join the conversation.


Margaret replied the topic: How to Center Calendar Display on page.

Hi Agapi,
Thanks for your reply. The link to my calendar page is:
winton.at/kalender/
I have also another question. The calendar is not responsive in my mobile phone. It shows only Monday, Tuesday and Wednesday. How to make it responsive.
Thanks a lot for your help.
Margaret

#65866

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hey Margaret!

Please add the following code to style.css file or custom CSS editor of your website theme. It will center the calendar.

#bigcalendar1 {
    margin: 0 auto;
}

As for responsiveness, there's most probably a conflict with your website theme. Could you please send an e-mail to [email protected] and give temporary WordPress admin access to your website? Our developers will check the issue as soon as possible.

Also make sure to include the link to this forum thread in your email.
Many thanks in advance!


Kind regards,
Agapi G.
Web-Dorado team
#65894

Please Log in or Create an account to join the conversation.


Joe replied the topic: How to Center Calendar Display on page.

Agapi,

Does this CSS code work for all calendars? It does not seem to page center. I am trying to center on my site: 66.147.242.161/~joeswpsa/NJSRC_site/?page_id=380 .

Thanks.
Joe

#74059

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hey Joe! Thanks for posting your request!

Please use this code also to fully achieve the view you need to have:

#bigcalendar1 #afterbig1 {
    margin: 0 auto !important;
}

You can add it to style.css file or custom CSS editor of your website theme. Let me know if it works.
Thank you! Happy Halloween!


Kind regards,
Agapi G.
Web-Dorado team
#74121

Please Log in or Create an account to join the conversation.


Jimmy replied the topic: How to Center Calendar Display on page.

I would also remind you that the Page that contains the calendar [shortcode], needs to be set to Full Width

#74131

Please Log in or Create an account to join the conversation.


Joe replied the topic: How to Center Calendar Display on page.

Thanks. Worked well.

#74179

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hey guys!

Jimmy, thanks a lot for your notes! The content doesn't have to be full width, but there should not be any sidebars on the page.
And Joe, we are very glad the code worked for you!

Feel free to let us know in case you have other questions of support requests.
We'll be happy to assist you guys!

Thanks! Have a great day!


Kind regards,
Agapi G.
Web-Dorado team
#74205

Please Log in or Create an account to join the conversation.


Samuel Aaron Felipe replied the topic: How to Center Calendar Display on page.

Hi Agapi,

I have the same problem with Margaret and Joe. I tried your suggestions and updated my style.css with the following suggested code snippets but they didn't work for me. I tried "float:center; padding: auto, width; 90%" but none of them seem to work.

I attached my theme's style sheet.

Please help me.

Sam

#77943
Attachments:

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Hi Samuel!

Thank you for posting about this!

Could you please give the link to your calendar page, where we could check the page styling? The structure of the page might not let the changes to apply, or there might be a style in the theme, which could be conflicting.

Thanks! Have a great day!


Kind regards,
Agapi G.
Web-Dorado team
#77999
The following user(s) said Thank You: Samuel Aaron Felipe

Please Log in or Create an account to join the conversation.


Samuel Aaron Felipe replied the topic: How to Center Calendar Display on page.

Hi Agapi,

Here is the link to our website that has the calendar:

northw.ca/seniors/

Thanks,

Sam

#78007

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

Thank you for the link, Samuel!

The calendar was already centered, when I checked. So I am guessing you are not seeing the changes because of the browser cache. Could you please clear it, then hard reload the calendar page to check the changes?

You can see how it looks on our end in the screenshot below.
Thanks! Enjoy the weekend!


Kind regards,
Agapi G.
Web-Dorado team
#78051
Attachments:

Please Log in or Create an account to join the conversation.


Samuel Aaron Felipe replied the topic: How to Center Calendar Display on page.

Thank you Agapi,

It looks fine now.

Have a great day.

#78089

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: How to Center Calendar Display on page.

That's wonderful, Samuel!

We are very glad to know the changes have been applied to your Spider Calendar. Please don't hesitate to let our team know any time you will need assistance for out products.

We will be delighted to answer your questions!

And in case you have a few minutes, please share your customer experience with Spider Calendar on WordPress.org. We highly appreciate and value your feedback, it is a great contribution for our team!

Let me post the link:
wordpress.org/support/plugin/spider-event-calendar/reviews

Many thanks! Have a wonderful day!


Kind regards,
Agapi G.
Web-Dorado team
#78169
The following user(s) said Thank You: Samuel Aaron Felipe

Please Log in or Create an account to join the conversation.


Time to create page: 0.439 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us