Title: Adjust widget HTML code
Last modified: November 27, 2017

---

# Adjust widget HTML code

 *  Resolved [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/)
 * Hi There!
 * I need some help because I am absolutley not an HTML expert.
    I want to implement
   this widget into my site, so people can make a reservation in the restuarant.
   But it doesn’t really look good and It won’t center onto my page.
 * I added the code in a css part on a page.
 * How can I make lay-out adjustments and center this widget using this code?? (
   see below)
    Thank you!
 * <div id=”rm_reservation” class=”section-content”>
    <div class=”rm_reservation_top”
   ></div> <div class=”rm_reservation_body”> <!–sample style from SeatMe–> <link
   type=”text/css” rel=”stylesheet” href=”[https://www.seatme.nl/css/srm.css”&gt](https://www.seatme.nl/css/srm.css”&gt);
   <div id=”rm_wrapper”> <!– this is the script which generates the form –> <script
   language=”javascript” type=”text/javascript” src=”[https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl”></script&gt](https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl”></script&gt);
   </div> </div> <div class=”rm_reservation_bottom”></div> </div>

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

 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9727892)
 * Hi,
 * In the first line, please add `text-center` to the `class` attribute, so it should
   displayed like this:
    `<div id="rm_reservation" class="section-content text-center"
   >`
 * If its not working, please share your site URL here and let me know where did
   you put the widget is.
 *  Thread Starter [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9755802)
 * Hi!
 * Unfortunately it is not working. The site is on a localhost.
    It’s the first 
   time i’m working on a localhost. Can I share that with you?
 * I will try to describe where it is;
    On the homepage I created a new Row, this
   Row is divided in two columns. The first(left) column has a text widget, I was
   able to center the text when editing this widget in “Design”. In the right column
   I have the HTML widget code. The widget looks cramped and I am not able to center
   it.
 * Can I share a screenshot here?
 * Thanks again!
 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9760107)
 * I see.. You can add inline-stylesheet to the widget script in above to make it
   center. Please modify the first line like this:
 *     ```
       <div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
       ....
       ```
   
 *  Thread Starter [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9791829)
 * Yes! thank you, it is centered now the way I wanted it to!
 * There is one more thing:
 * The widget is sort of supposed to look like [This](http://eigenwijzrestaurant.nl/#reservations)
   
   But, on my new website the green button that says “maak een reservering” is slipping
   behind the “time” (the option to choose a time).
 * I don’t understand because on both the old and the new website, the same code
   is used.
 * I did change the first line like you said (see code below)
 *     ```
       <div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
          <div class="rm_reservation_top"></div>
          <div class="rm_reservation_body">
             <!--sample style from SeatMe-->
             <link type="text/css" rel="stylesheet" href="https://www.seatme.nl/css/srm.css">
             <div id="rm_wrapper">
                <!-- this is the script which generates the form -->
                <script language="javascript" type="text/javascript" src="https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl"></script>
             </div>
          </div>
          <div class="rm_reservation_bottom"></div>
       </div>
       ```
   
 *  Thread Starter [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9817387)
 * Hi there!
 * I finally have my website online on a test website, maybe someone can take a 
   look now.
 * It is about the widget on this page:
    [http://testomgeving.koppeinbeeld.nl/reserveren/](http://testomgeving.koppeinbeeld.nl/reserveren/)
 * I am not able to design this the way I want to. On the mobile device I experience
   the same problem.
 * Thanks in Advance!
 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9825897)
 * Hi,
 * Your site URL is not accessible.
 *  Thread Starter [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9842966)
 * [Link to my website](http://testomgeving.koppeinbeeld.nl/reserveren/)
 * It should work!
 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9843876)
 * yeah… Its work now.
 * Please try this CSS code to centering the contents:
 *     ```
       #rm_reservation #rm_wrapper .rm_box_wrapper #rm_search_box .rm_box_row .rm_row_title {
           margin: 0 auto;
       }
       #rm_reservation #rm_wrapper .rm_box_wrapper #rm_search_box .rm_box_row .rm_row_value {
           margin-left: 5px;
       }
       #rm_reservation #rm_wrapper .rm_box_wrapper #rm_search_box #rm_submit_wrapper {
           margin-top: 20px;
       }
       ```
   
 *  Thread Starter [barbara89](https://wordpress.org/support/users/barbara89/)
 * (@barbara89)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9982219)
 * The issue was resolved by the help of the provider using this code:
 *     ```
       <div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
          <div class="rm_reservation_top">
       	</div>
          <div class="rm_reservation_body">
             <!--sample style from SeatMe-->
             <link type="text/css" rel="stylesheet" href="https://www.seatme.nl/css/srm.css">
             <div id="rm_wrapper">
                <!-- this is the script which generates the form -->
                <script language="javascript" type="text/javascript" src="https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl"></script>
       <style>
       #rm_reservation .rm_reservation_body {
                 width: 239px;
             }
       .widget select {
          max-width: 100%;
          height: auto;
       }
       </style>
             </div>
          </div>
          <div class="rm_reservation_bottom"></div>
       </div>
       ```
   

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

The topic ‘Adjust widget HTML code’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.68/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

## Tags

 * [code](https://wordpress.org/support/topic-tag/code/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [lay-out](https://wordpress.org/support/topic-tag/lay-out/)

 * 9 replies
 * 2 participants
 * Last reply from: [barbara89](https://wordpress.org/support/users/barbara89/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/adjust-widget-html-code/#post-9982219)
 * Status: resolved