adding progress bar to the checkout, registration and cart pages

adding a progress bar to the 3 registration pages

diff --git a/css/front.css b/css/front.css
index d130e01..c658e6f 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -758,7 +758,7 @@ span.glm-error {
   }
   .progressbar li {
       list-style-type: none;
-      width: 25%;
+      width: 33%;
       float: left;
       font-size: 12px;
       position: relative;

diff --git a/views/front/registrations/cart.html b/views/front/registrations/cart.html
index 7dbd0a0..9bccf74 100644 (file)
--- a/views/front/registrations/cart.html
+++ b/views/front/registrations/cart.html
@@ -12,12 +12,14 @@
     <div id="glm-reg-process-steps" class="glm-row">
         <span>Step 2/3</span>
     </div>
-    <div class="progress-container">
-        <ul class="progressbar">
-          <li>Register</li>
-          <li class="active">View Cart</li>
-          <li>Checkout</li>
-        </ul>
+    <div class="row">
+        <div class="progress-container columns">
+            <ul class="progressbar">
+              <li>Register</li>
+              <li class="active">View Cart</li>
+              <li>Checkout</li>
+            </ul>
+        </div>
     </div>
 {/if}
 

diff --git a/views/front/registrations/checkout.html b/views/front/registrations/checkout.html
index bb6329e..9552a89 100644 (file)
--- a/views/front/registrations/checkout.html
+++ b/views/front/registrations/checkout.html
@@ -1,7 +1,7 @@
 {apply_filters('glm_members_registrations_header', 'accountHeader')}
 
 {if true} <!-- if checkout process steps are enabled -->
-    <div class="progress-container">
+    <div class="progress-container glm-row">
         <ul class="progressbar">
           <li>Register</li>
           <li >View Cart</li>