Login Page

Hello, I was wondering if there is anything I can do to change what happens when I click the login button? Right now when I click it there is a popup screen that asks for a username and password. I was wondering if I could make that an entire separate page instead of just a popup.

Hello, I use an Icon as my login button instead of the text "login" But once the customer has logged into their account, the Icon gets replaced with "account". I was wondering if there is any way to have my Icon be present the entire time on the site header, instead of only when the customer isn't logged in. 

Thanks for the help!

https://refreshedmemories.squarespace.com

Password: RMWEB

#1. No way to get login box to a fullpage, you can consider changing popup to fullscreen...we can give the code

#2. Change this code

<style>
.header-display-desktop span.unauth {
    font-size: 0
}
.header-display-desktop span.unauth:before {
    content: "\e7fd";
    font-family: 'Material Symbols Outlined';
    font-size: 30px;
    position: relative;
    left: -2px;
    top: 10px
}
</style>

to this code

<style>
.header-display-desktop span.unauth, .header-display-desktop span.auth {
    font-size: 0
}
.header-display-desktop span.unauth:before, .header-display-desktop span.auth:before {
    content: "\e7fd";
    font-family: 'Material Symbols Outlined';
    font-size: 30px;
    position: relative;
    left: -2px;
    top: 10px
}
</style>

As @tuanphan points out there is no full page version of the dialog but it may be possible to get the dialog to look more like a page with CSS, JavaScript, and some of my code.

This is not a full solution but here is what I was able to accomplish with my code.

My code I used.

Add the following to Website > Website Tools > Custom CSS.

#accountFrame {

  background-color : white;
  height : ~"calc( 100vh -  var( --twc-psfcvpta-section-first-padding-top ) )";
  min-height : unset;
  top : var( --twc-psfcvpta-section-first-padding-top );
  
  }

Add the following code to the x-twc-malidc-style tag in my Member Area Log In Dialog Change code.

    body {
    
      background-color : unset;
      
      }
      
    .twc-malidc > div > div {
    
      box-shadow : unset;
      
      }
	  

This is for v7.1 and requires the business plan or above.