Okay
  Public Ticket #1953982
problem with datapicker calandar
Closed

Comments

  • egeers started the conversation

    Hi there, 


    I'm directing to you since i'm using your theme bifrost wich i'm very happy with.

    We would like to add calendar functionality to our products in woocommerce 

    When we try to add them the calendart is showing up totally broken.

    I have nee able to fix this in the second picture adjusting some css via the inspect function in google chrome.

    I may be able to adjust it hard code but i gues it would be better if you add it to your update so when future upadtes come it wouldn't be ovewritten.

    Or could you assist me how to add a css file overwritign the code myself .


    Thanks in advance for your fast reply.


    kind regards, 


    edward

  • egeers replied

    Meanwhile i've fixed the issue by deleting a line on line 8164 of bifrost.css

      .woocommerce .o-product .m-product-summary table tr {
          /*display: block;**/
          margin-bottom: 1.33333rem; }


    Also i've added some code in bifrost. css after line 8248

        /*============================
          =     WOOCOMMERCE   BOOKINGS        =
          ============================*/
          .wc-bookings-date-picker .ui-widget-content {
              border: none;
              background: #fff;
              box-shadow: 0 0px 0px rgba(0, 0, 0, 0.19);
          }

          .wc-bookings-date-picker .ui-datepicker-header {
          padding: 0;
          border-bottom: none;
          overflow: hidden;
          text-transform: uppercase;
          border-radius: 0px 0px 0 0;
          -webkit-border-radius: 0px 0px 0 0;
          -moz-border-radius: 0px 0px 0 0;
          background-color: #000;
          background-image: none;
          background-image: linear-gradient(bottom, #000 0%, #000 100%);
          border: 0;
          border-top: 0px solid #000;
          color: #fff;
          }
          .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
          top: -1px;
          background: #000;
          border-radius: 0;
          font-weight: normal;
          border: none;
          height: 2.5em;
          width: 2em;
          }
          .wc-bookings-booking-form {
          border: 0px solid #ddd;
          padding: 0 0 0;
          margin: 0 0 0;
          }
          .wc-bookings-date-picker {
          padding: 0;
          padding-top: 0;
          }


    Would be much appreciated if you could add this lines of code to the next update  and let me know.


    kind regards, 


    edward


  •  675
    Neuron replied

    Hey Egeers,

    Thank you very much for reporting it, an update is coming and for sure will include the following style.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.