Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 4, 2020 at 10:32 am #1258188
    AFDCO

    Hi!

    I’m using enfold 4.7.6.4 with Ultimate Member plugin for users management. I have a problem with the datepicker. It seems to have a conflic, bottoms and colours aren’t properly shown, it is very dificult to choose the date.

    We solved this problem a year ago in another thread but it seems it came back y one of the updates

    You can check it on the link, just try to set your birthday on the registration form

    ¿Could you help me?

    Thank you!

    • This topic was modified 4 years, 1 month ago by AFDCO.
    November 4, 2020 at 4:27 pm #1258322
    Nikko

    Hi AFDCO,

    Thanks for giving us admin access.
    I think the main cause of the issue is this CSS code:

    .main_color div {
    background-color: rgba(0, 72, 142, 0) !important;
}

    Please try to remove that code, also can you give us a screenshot of how that datepicker should look like?

    Best regards,
    Nikko

    November 5, 2020 at 10:46 am #1258550
    AFDCO

    Hi!

    Ok, it was that, however there is still a problem with the weeknames and the numbeers, they are not shown properly.

    I also still have to use this code you provided me last year.

    #top select.picker__select–year, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
    max-width: 129px;
    float: left;
    left: 50px;
    position: relative;
    top: -10px;
    -webkit-appearance: menulist !important;
    }

    Regards

    • This reply was modified 4 years, 1 month ago by AFDCO.
    November 5, 2020 at 11:04 am #1258553
    BigBatT

    Hello, @AFDCO

    Try this CSS code I have solved like this:

    /* UM Datepiker hack by BigBatT */
.um .picker__day, 
.um .picker__weekday {color:#555 !important;}
.um .picker__weekday {font-size:12px !important}
.um .picker__day--outfocus {color:#999999 !important}
.um .picker__day--infocus:hover, 
.um .picker__day--highlighted, 
.um .picker__day--outfocus:hover {color:#ffffff !important}
.um .picker__button--today,
.um .picker__button--clear {color:#ffffff !important;font-size:14px !important;}
.um .picker__button--close {background-color:#719430 !important; color:#fff !important; padding: 10px 10px 10px 10px !important; border: 0px none !important;border-radius: 2px 2px 2px 2px !important;}
.um .picker__month {margin-top: 1em;}
.um .picker input, 
.um .picker textarea, 
.um .picker select {
display: block !important;
font-size: 14px !important;
line-height: initial !important;
margin: 9px 0px 0px 0px !important;
padding: 10px 15px 10px 15px !important;
border-style: solid !important;
border-radius: 2px !important;
font-weight: normal !important;
border: 1px solid transparent !important;
margin-top: -4em !important;
max-width: 92%;
min-width: 92%;
}

    Change the colors according to your theme.
    Regards

    November 5, 2020 at 12:18 pm #1258579
    AFDCO

    Hello @BigBatT,

    Thank you for help, it works.

    • This reply was modified 4 years, 1 month ago by AFDCO.
    November 5, 2020 at 8:25 pm #1258719
    BigBatT

    Hi @AFDCO,

    Great, I’m glad the solution works for you too.

    Best regards,
    Luigi

    November 6, 2020 at 1:20 am #1258780
    Jordan Shannon

    Hey AFDCO,

    Did you need additional help with this topic?

    Best regards,
    Jordan Shannon

    November 6, 2020 at 10:36 am #1258816
    AFDCO

    No, you can close it.

    Thank you

    November 6, 2020 at 1:00 pm #1258849
    Nikko

    Hi AFDCO,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!


    @BigBatT     Thanks for helping out :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Utimate Member Date Picker’ is closed to new replies.