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


 All Forums
 Technical
 Advanced Tips and Tricks - NO QUESTIONS PLEASE
 Adding logos to Quckbuy & login popups
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

Sinbad
Administrator

USA
65850 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   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000