Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 2, 2015 at 6:18 pm #404655
    roamingk

    HI, I am using the official booking.com affiliate plugin on my website, however there seems to be some conflict on the styling of the drop down selection boxes for the day and month… (they look squashed).

    Is there any way I can fix this so that they look as they should do?

    March 3, 2015 at 4:19 am #404924
    Andy

    Hey roamingk!

    what do you mean? I can’t see any issue on your dropdown menu, it looks fine for me:

    Please provide us screenshots of the issue, you can use imgur.com to host them.

    Regards,
    Andy

    March 3, 2015 at 10:38 am #405045
    roamingk
    This reply has been marked as private.
    March 4, 2015 at 7:19 am #405579
    Rikard

    Hi!

    I think you’re referring to the footer widget, correct? I think it fits in nicely there, but if you want to make some changes we can help you out. Please provide us with a detailed description or screenshots highlighting what changes you want to make.

    Best regards,
    Rikard

    March 4, 2015 at 8:22 am #405603
    roamingk

    Hi Rikard,

    The footer widget is fine for the moment, as its hard coded. However the booking widget has more flexibility in terms of features.

    You can see the widget here: – http://imgur.com/5yZuLF8

    It seems to put in a drop down arrow on the boxes that seems to squash the drop down boxes. * I have higlighted the area in red.

    Keith

    March 5, 2015 at 5:55 pm #406549
    Elliott

    Hey!

    You can use this CSS to add some space between the calendar and date selections.

    #top .b_searchDatesInner *, #top .b_searchCheckOutDate * {
  margin-right: 10px !important;
  position: relative !important;
}

    If that’s not what your trying to do then go ahead and highlight in your screenshot exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    March 5, 2015 at 6:13 pm #406566
    roamingk

    Hi,

    Thanks but that was not really what I wanted. I have attached another screen shot.

    Basically the width and height of the drop downs are too short or small.

    The day date field width has an arrow on it that covers the number. and the month-date field is also a little short in terms of height. Basically I would like to make them a little larger and the day-date field wider.

    Hopefully that explains it?

    Thanks in advance.

    March 6, 2015 at 6:15 am #406814
    Rikard

    Hi!

    Please try the following instead:

    #top .entry-content-wrapper select{
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 15px !important;
}

    Cheers!
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.