Skip Navigation

[Resolved] Calendar reacting wrong when choosing date

This thread is resolved. Here is a description of the problem and solution.

Problem:

I have a calendar function. But when i choose a date the page reacts wrong and the area with the calendar gets way too big

Solution:

It is a CSS issue, your theme is changing the image width with CSS codes, you can fix it by CSS codes, for example:

https://toolset.com/forums/topic/calendar-reacting-wrong-when-choosing-date/#post-1966277

Relevant Documentation:

This support ticket is created 3 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 6 replies, has 2 voices.

Last updated by maiS 3 years, 9 months ago.

Assisted by: Luo Yang.

Author
Posts
#1966027

Hi there,
on my site: hidden link
I have a calendar function. But when i choose a date the page reacts wrong and the area with the calendar gets way too big. Can you help?

#1966277
image-width.JPG

Hello,

Thanks for the details, it is a CSS issue, your theme is changing the image width with CSS codes, you can fix it by CSS codes, for example:

img.wpv-date-front-end-clear {
    width: auto !important;
}

See my screenshot: image-width.JPG

#1966797

Hi there,

Thank you so much - where do i put the CSS code?

#1967543
view-css.JPG

I have done below modifications in your website.
Edit page:
hidden link
find and select view block, in section "Custom JS and CSS", add the same CSS codes I mentioned above:

img.wpv-date-front-end-clear {
    width: auto !important;
}

See my screenshot view-css.JPG

Please test again, check if it is fixed.

#1969045

Hi Luo,

So the calendar is fixed but now the search results show up right under the search form. I only want the search form on this page and then the search results here:

hidden link

I don't know why, but every time people edit in this view this setting is being changed automatically.

#1969051

I removed the view and added it again and the calendar still works! thanks

#1969053

My issue is resolved now. Thank you!