Drop down menu arrow too close to Accommodation numbers

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Campterra Drop down menu arrow too close to Accommodation numbers

  • This topic has 3 replies, 2 voices, and was last updated 10 months ago by Andre Flores.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #968041
    Mark Walker
    Participant

    Hi everyone,

    On the Booking Page where the Viewer selects the ‘number’ of Accommodations they wish to Book from their Availability search the Arrow in the drop down menu is over the top of the number of Accommodations available…

    Is there a way to add a little more spacing so the number is a couple of mm’s apart from that arrow?

    Many thanks,
    Mark

    p.s: Here’s our modified Campterra site by the way… https://lastminuteglampingwales.co.uk

    #968384
    Andre Flores
    Moderator

    Hello, Mark!

    You may add the following code under Appearance ->Customize ->Additional CSS:

    .mphb-reserve-room-section .mphb-rooms-quantity-wrapper select {
    	background-position: right 0.5rem top 1.35rem;
    }

    This is how it will look like: https://prnt.sc/t1vk15. Feel free to alter 0.5rem and 1.35rem values to move the arrow.

    Regards,
    Andre

    #968851
    Mark Walker
    Participant

    Hey Andre!

    Thank you so much 🙂

    Worked a treat!

    Cheers,
    Mark

    #968994
    Andre Flores
    Moderator

    Hello, Mark!

    You are most welcome 🙂

    Regards,
    Andre

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