Close

Code for Opening Hours

Add the following codes in HTML View / HTML element

<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Monday </span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Tuesday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Wednesday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Thursday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Friday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Saturday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>
<div class="zolo_opening_hours_row"> 
<span class="zolo_opening_hours_row_day">Sunday</span> 
<span class="zolo_opening_hours_row_dot"></span> 
<span class="zolo_opening_hours_row_time">09:00 - 19:00</span> 
</div>

Additionally to color them use the following in Theme Options

.zolo_opening_hours_row{color: #000;}

Powered by BetterDocs