web
You’re offline. This is a read only version of the page.
close
Checkmark

Thank you for your feedback

Customizing the Sign In and Register pop-ups

Learn about customizing your Sign In and Register pop-ups with CSS.

Article ID: SLN19193

Merchants who have manually updated their store templates to support Customer Registration using Options 2 or 3 in the Customer Registration Manual Setup tab (adding a div code and JavaScript code, or adding the SUPER-BAR and SUPER-LOADER RTML operators) must add the following CSS code to their css-edits.css file, or the custom CSS file that is called by their store templates.

Merchants using Editor 3.0 templates who have re-run the Design Wizard to update their store templates may customize this CSS and add it to their css-edits.css file in order to customize the Sign In and Register pop-ups.

CSS styles for Customer Registration Sign In and Register pop-ups

#custRegDiv a.container-close {top:5px;}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {background-color:#fff;}
.yui-skin-sam .yui-panel .bd {padding:0px; }
#iframe_id {width:679px; border:1px solid #000; padding:0px;}
#custRegDiv_h.hd {display:none;}
#custRegDiv_mask.mask {background-color:#000000; opacity:0.5; filter:alpha(opacity=50);}
#loadingDiv {height:210px; width:679px; position:absolute; background:#ececec;}
img.loadingImg {margin-top:90px; margin-left:20px;}

 

Add CSS code to your css-edits.css file in Store Editor

More Customer Registration CSS customization options