Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 Advanced Tips and Tricks - NO QUESTIONS PLEASE
 Adding logos to Quckbuy & login popups
Author « Topic »  

Sinbad
ECT Moderator

USA
65936 Posts

Posted - 01/02/2020 :  09:01:56  
Sprucing up the login and create account popup box to include the site logo. In your main style sheet style.css or ectstyle.css (not ectcart.css) the following css will add the logo to after the text for those elements, place the css prior to any break points for smaller devices. before /*This is the first breakpoint and contains styles for screens 1199px to 980px*/ Your theme or template maybe different but the concept is the same. Change after to before if that is where you want the logo to display. Adjust margin or use padding, also the logo should be sized prior as it will use the actual size of the logo.

LOGIN
div.cartloginheader::after {
content: url(path to/site_logo.gif);
margin-left: 20px;

}

NEW ACCOUNT

div.cartnewaccountheader::after {
content: url(path to/site_logo.gif);
margin-left: 20px;

}

Quick Buy, in this example I wanted the logo more to the left so I pushed it with a right margin.

div.qbuywrapper::after {
content: url(path to/site_logo.gif);
margin-right: 150px;

}

**Important** If you do not see the image check the path to the image is correct.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000