Okay
  Public Ticket #2575694
gift card calendar pop up
Closed

Comments

  • leeloosha started the conversation

    Hi, 

    On the gift card page we have a pop up to choose a date but the design is a bit weird, the number of the dates are one below the other and on mobile is too wide for the screen, Also on hover there is a white circle and you cant see the date no more. Can you pleas help in adjust it?

    Thank 

  •   leeloosha replied privately
  •  869
    Neuron replied

    Hi,

    Please add the following code to Appearance > Customize > Additional CSS, this code will remove that color on hover and will add a black border to it.

    .wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover:after {
        border: solid 2px #000;
        background-color: transparent !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • leeloosha replied

    but still the numbers in the calendar are one below the other .. I have attached an image. 

    also on mobile the calendar doesn't fit well. I would appreciate your help. 

    Thanks

  •  869
    Neuron replied

    Hi,

    Can you please attach us with an screenshot for that.

    Feel free to ask for anything you need.

    Kind Regards


  •  869
    Neuron replied

    Hi,

    Please add the following code to Appearance > Customize > Additional CSS.

    .wc_gc_datepicker table.ui-datepicker-calendar th, .wc_gc_datepicker table.ui-datepicker-calendar td {
        padding: 10px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • leeloosha replied

    thanks

  •  869
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    Kind Regards,
    NeuronThemes