How to change the tables
The tables are found on the cart.html and checkout.html pages.
The table headings can be modified from the following code:
<table class="hg-booking"> <tr> <th>Room type</th> <th class="hg-booking__capacity">Capacity</th> <th class="hg-booking__qty">Quantity</th> <th class="hg-booking__checkin">Check in</th> <th class="hg-booking__checkout">Check - out</th> <th class="hg-booking__night">Night</th> <th>Gross total</th> </tr> .... </table>
The table content can be modified from the following code:
<tr> <td>Single Room with Sea View (4)</td> <td>4 adults</td> <td>18</td> <td class="hg-booking__checkin">November 23, 2017</td> <td class="hg-booking__checkin">November 29, 2017</td> <td class="hg-booking__checkin">6</td> <td>$2,160.0</td> </tr>
Default styles for the table are located in app/style/scss/_pages.scss