Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 5, 2018 at 4:20 pm #1018299
    Ayllon

    Hi, I’m using this plugin (Pinpoint Booking System) with Enfold. I have contacted the authors of the plugin and after several attempts they have not been able to help me. I just installed the plugin and it appears in the “Contact Information” form and in the “Check in – Check out” box, problems with the CSS, please could you help me?

    You can have a look here, http://www.esenciadegredos.es/reservas-online/

    Thank you so much !!!

    October 6, 2018 at 6:35 am #1018419
    Rikard

    Hey Ayllon,

    We might be able to help you, but I’m not sure what it’s supposed to look like?

    Best regards,
    Rikard

    October 6, 2018 at 8:13 am #1018451
    Ayllon

    Hello Rikard,
    I have got 3 images to explain what happen so you can see the problem. How can I send you the images?

    Best regards,
    Antonio

    October 6, 2018 at 10:36 am #1018464
    Rikard

    Hi Antonio,

    You can upload images to services like google drive, dropbox, imgur, snaggy, box etc and then link to them here.

    Best regards,
    Rikard

    October 6, 2018 at 11:50 am #1018478
    Ayllon

    Hello Rikard,
    I have upload the images in here: http://www.esenciadegredos.es/reservas-online/

    Best regards,
    Antonio

    October 8, 2018 at 3:49 pm #1019015
    Ayllon

    Hello, have you seen de images?
    Best regards,
    Antonio

    October 8, 2018 at 7:00 pm #1019127
    Victoria

    Hi Antonio,

    Best regards,
    Victoria

    October 8, 2018 at 7:20 pm #1019152
    Ayllon

    Hi Victoria,
    Sorry!!! I changed de URL, it is thi one: http://www.esenciadegredos.es/reservas/
    Best regards,
    Antonio

    October 9, 2018 at 1:05 pm #1019482
    Nikko

    Hi Antonio,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .main_color .DOPBSPCalendar-wrapper input[type='text'], 
#top .main_color .DOPBSPCalendar-wrapper textarea {
    box-sizing: border-box;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-in-view, 
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-out-view {
    background: #fff url(https://www.esenciadegredos.es/wp-content/plugins/booking-system/templates/default/images/sprite.png) -5px -119px !important;
}

    Best regards,
    Nikko

    October 9, 2018 at 1:34 pm #1019489
    Ayllon

    Hello Nikko, PERFECT IT WORKS, thank you very much!!!
    Best regards,
    Antonio

    October 9, 2018 at 5:11 pm #1019554
    Victoria

    Hi Antonio,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 22, 2018 at 10:05 am #1024755
    Ayllon

    Hi guys, I still have some problems with the CSS for this plugin. In this link you can see some images with the problems to solve. I hope you can help me as before.

    You can have a look here, http://www.esenciadegredos.es/reservas-online-2/

    Thank you very much!!!
    Best regards,
    Antonio

    October 23, 2018 at 12:15 pm #1025362
    Nikko

    Hi Antonio,

    Can you try adding this css code, for reservation border:

    #top .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper {
    margin: 0;
}

    for mobile:

    @media only screen and (max-width:767px) {
  .DOPBSPCalendar-left {
    width: 100%;
  }

  #top .main_color .DOPBSPCalendar-wrapper input[type='text'], 
  #top .main_color .DOPBSPCalendar-wrapper textarea {
    margin-bottom: 10px;
    width: 100%;
  }

  #top #wrap_all .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-in-view, 
  #top #wrap_all .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-out-view {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: #fff url(//www.esenciadegredos.es/wp-content/plugins/booking-system/templates/default/images/sprite.png) -5px -115px !important;
  }
}

    Best regards,
    Nikko

    October 23, 2018 at 12:37 pm #1025367
    Ayllon

    Hi Nikko,
    Thanyou for your work, but the mobile code does not work.
    Best regards,
    Antonio

    October 23, 2018 at 12:43 pm #1025371
    Ayllon

    Hi, I am so sorry Nikko, my mistake, it works perfectly!!!
    Thanyou for your great work!!!
    Best regards,
    Antonio

    October 23, 2018 at 2:03 pm #1025408
    Nikko

    Hi Antonio,

    Glad that it worked :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘CSS problems with plugin "Pinpoint Booking System"’ is closed to new replies.