Lay out site

  • Resolved royv1981

    (@royv1981)


    9 years, 6 months ago

    I hope you can help me with a Style Code.
    I use the Avada Theme.

    I have the plugin restaurant reservations on this test site:
    http://nas.royveekens.nl/Cafe/reservation/

    It works, but the lay out is not very nice as you can see.

    I want the contact details next to the information of the reservations in stead of below.

    Thank you for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • NateWr

    (@natewr)

    9 years, 6 months ago

    Hi @royv1981,

    The following CSS code should get you close to where you want. For screens wider than 767px, it will place the fieldsets next to each other with the button below.

    
@media(min-width: 767px) {
  .rtb-booking-form fieldset {
    float: left;
    width: 15em;
  }
  .rtb-booking-form button {
    clear: both;
    float: left;
    margin-top: 2em;
  }
}
    • This reply was modified 9 years, 6 months ago by NateWr.
    Thread Starter royv1981

    (@royv1981)

    9 years, 6 months ago

    Thank you very much! This is good!

    I have one more question.

    Can I put the distance between the picture and the text less?

    When I open the page, that I see the picture, and below the picture straight away the text?

    NateWr

    (@natewr)

    9 years, 6 months ago

    Hi @royv1981,

    It looks like you have two empty <p> elements the page content:

    View post on imgur.com

    You should be able to remove those by editing the Page in your WordPress admin area. Remove the extra line breaks and it should bump the booking form up.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Lay out site’ is closed to new replies.