Can’t center the grid of hour buttons form the reservation form

  • Resolved bogdan27min

    (@bogdan27min)


    5 months, 2 weeks ago

    I tried to center the whole form using CSS but I can’t center the grid of buttons that lets users choose time (class=”buttons-wrapper” I think). I tried every command but none of them work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author catkin

    (@thecatkin)

    Hi, please share you web site or send it to [email protected] I will try to suggest how to achieve that.

    Thread Starter bogdan27min

    (@bogdan27min)

    I’ve sent you an email, thanks!

    Plugin Author catkin

    (@thecatkin)

    Add following styles:
    .buttons-wrapper > div
    {
    ??? display: flex;
    ??? flex-wrap: wrap;
    ??? justify-content: center;
    }

    .redi-restaurant-time-button, .redi-restaurant-button, .redi-restaurant-duration-button 
    {
    ??? margin: 1px;
    ??? cursor: pointer;
    ??? border: 1px solid #d3d3d3;
    ??? background-color: #e6e6e6;
    ??? display: inline;
    ??? flex: 1 0 21%;
    ??? max-width: 21%;
    ??? text-align: center;
    ??? padding: 20px;
    ??? box-sizing: border-box;
    ??? border: 1px solid #ccc;
    ??? margin: 10px;
    }

    See video on youtube how to apply styles: How to change reservation form styles of ReDi Restaurant Reservation plugin
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.