Author Topic: Center Align Customer Login DIV  (Read 4542 times)

Offline hus2020

  • Newbie
  • *
  • Posts: 28
  • Karma: +3/-0
    • View Profile
Center Align Customer Login DIV
« on: January 22, 2017, 10:32:08 AM »
Hi I have modified my template a little as so to disable registration of customers as I want to only selectively register customer via backend.

I have managed to hide registration div by commenting <div class="col-sm-6 newcustomer"> from /storefront/view/default/template/pages/account/login.tpl

After doing so, now I want to bring the returning (existing) customer login box to center of page, as currently its aligned to right. Can anyone guide how to do so?

I have attached screenshot to show exactly what I mean.

Thank you.




Offline overdale

  • Newbie
  • *
  • Posts: 9
  • Karma: +2/-0
    • View Profile
Re: Center Align Customer Login DIV
« Reply #1 on: January 22, 2017, 09:11:05 PM »
style.css:1975

margin-right: 50%;
width: 50%;
margin-left: 25%;

Offline hus2020

  • Newbie
  • *
  • Posts: 28
  • Karma: +3/-0
    • View Profile
Re: Center Align Customer Login DIV
« Reply #2 on: January 22, 2017, 10:13:35 PM »
style.css:1975

margin-right: 50%;
width: 50%;
margin-left: 25%;
Can you indicate where the css file is located. Sorry I'm not sure about the location

Offline hus2020

  • Newbie
  • *
  • Posts: 28
  • Karma: +3/-0
    • View Profile
Re: Center Align Customer Login DIV
« Reply #3 on: January 22, 2017, 11:57:10 PM »
style.css:1975

margin-right: 50%;
width: 50%;
margin-left: 25%;
Can you indicate where the css file is located. Sorry I'm not sure about the location

Sorry didnt realize you showed me the exact line number in the stylesheet.

The change I did was just one line. The float was to right, I changed it to left as it looks tidier in that spot. Thank you for the helpful guide

float: left;

Offline overdale

  • Newbie
  • *
  • Posts: 9
  • Karma: +2/-0
    • View Profile
Re: Center Align Customer Login DIV
« Reply #4 on: January 25, 2017, 09:48:07 PM »
i think i may do the same set-up as you

i have developer tools in my browser (palemoon) so i just chose your returning customer block and did what i thought would work
but yours is simpler and probably a better work-around

 

Powered by SMFPacks Social Login Mod