Date Picker with Evolve theme

Home Forums Calendar Products Community Events Date Picker with Evolve theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1103977
    Habib
    Participant

    My old thread below was closed with no answer… could someone provide an answer and help me with this please?

    Date Picker – Community Events

    #1104088
    Geoff B.
    Member

    Good evening Habib and welcome back!

    Thank you for reaching out to us.

    We are sorry to hear about the accidentally previous closed thread. I’m not sure what happened there. Our apologies.
    I would love to help you with this topic.

    This look mostly like a CSS related issue (in relation to your specific WordPress theme).

    To be able to assist you, could you:

    As a first troubleshooting step, could you please provide us with your complete system information in a private reply ? https://theeventscalendar.com/knowledgebase/sharing-sys-info/

    Give the URL of your website so that I can take a look at the proper CSS solutions ?

    Best regards,

    Geoff B.

    #1104454
    Habib
    Participant

    This reply is private.

    #1104637
    Geoff B.
    Member

    Good evening Habib,

    Thank you for sharing your system information.

    I cannot see your community add page (I believe it requires a login to work correctly).

    But, based on your system information, I would recommend one of the following CSS changes:

    #ui-datepicker-div {z-index:9999 !important}

    OR
    .ui-datepicker-group-last {display:none !important}

    Let me know how that goes.

    Best regards,
    Geoff B.

    #1104955
    Habib
    Participant

    That didn’t resolve it but you definitely helped direct me to look in the right places. I managed to fix it using the following codes, incase someone else is using the Evolve theme and is having the same issue.

    .ui-datepicker th {
    	color: #000 !important;
    }
    
    .ui-datepicker-multi .ui-datepicker-group table {
    	width: 90% !important;
    }
    
    #ui-datepicker-div {
    	width: 1150px !important;
    	left: 250px !important;
    }
    
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    	color: black;
    }

    Can you please fix the post title, I tried but it didn’t allow me to.. just want to make sure people can find it when searching in the future.

    Many Thanks!

    • This reply was modified 10 years ago by Habib.
    #1105166
    Geoff B.
    Member

    Hey Habib,

    I’m stoked that you have successfully found a solution to the issue with the Evolve theme.

    Kudos on that and for sharing your solution for everybody’s benefit.

    I also fixed the post title at your request.

    You are welcome back on our support forums any time 🙂

    For now, I am going to close this thread.

    Have a great week!

    Geoff B.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Date Picker with Evolve theme’ is closed to new replies.