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
Forum Search
Google Site Search
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 css on online minilogin after update to 7.1.7
Author « Topic »  

Crystal
Advanced Member

222 Posts

Posted - 01/10/2020 :  06:46:18  
Hi, I just updated from 7.1.6 to 7.1.7.
Before the update it was working fine, but after the update the online minilogin has a white background (only behind the text and lock icon) so you can't see Not logged in » Login text because it's all coming up as white.

I did not change the css style file
my css file is like this:

div.minicartoneline{
background:#069;
width:200px;
color:#FFF;
}
div.minicartoneline1{
padding:2px;
font: normal 10px Arial, sans-serif;
float:left;
color:#FFF;

}
div.minicartoneline2{
padding:2px;
font: normal 10px Arial, sans-serif;
float:left;
color:#FFF;

}
div.minicartoneline3{
padding:2px;
font: normal 10px Arial, sans-serif;
color:#FFF;

}

Any ideas?

Sinbad
ECT Moderator

USA
65937 Posts

Posted - 01/10/2020 :  06:56:03  
Hi Crystal, there are a few classes in ectcart for the mini cart try overriding them using the !important statement in your style sheet.

div.minicartoneline{
background:#069 !important;
width:200px;
color:#FFF;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Crystal
Advanced Member

222 Posts

Posted - 01/10/2020 :  07:02:43  
That does not seem to work. Which classes in the ectcart css would affect that?
I noticed some of my other classes seem to be overridden too now with the update. for buttons at the checkout and popup cart.


Version: Ecommerce Plus PHP v6.9

Crystal
Advanced Member

222 Posts

Posted - 01/10/2020 :  07:06:01  
I see where it is now in the ectcart css file

div.minicartoneline > div{
float:left;
padding:3px;
background:#fff;
}

It's kind of annoying though to have that in there overriding my own css file. Does it need to be set like that for another reason?
I can edit the ectcart.css file, but that seems like not the best long term solution as it would end up getting overriden with each update.


Version: Ecommerce Plus PHP v6.9

Vince
Administrator

42874 Posts

Posted - 01/10/2020 :  07:16:48  
Hi Crystal
The idea is that you define the ectcart.css before your site style sheet. That way any styles you set that replace the ones in the ectcart.css will take precedence. The ectcart.css just defines the base styles that you can then re-define as you like.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Crystal
Advanced Member

222 Posts

Posted - 01/10/2020 :  07:23:23  
Okay, I see what you mean. I have them the other way around on my template so I'll have to fix that. I never had issues before.
Thank you for the information and help.

Version: Ecommerce Plus PHP v7.1.7

Positivek9
Ecommerce Template Guru

USA
4061 Posts

Pre-sales questions only
(More Details...)

Posted - 01/10/2020 :  08:34:26  
I had the same issue and had to add this to my custom css:

div.minicartoneline1 {
background: #000000 !important;
}

div.minicartoneline2 {
background: #000000 !important;
}




Julie
Owned & loved by 5 German Shepherds
~ RIP Menace & Peanut ~

Vince
Administrator

42874 Posts

Posted - 01/10/2020 :  09:06:02  
Hi Julie
That's another way to do this but it's not the best way. It's better to have the style sheets in the correct order.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000