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
 WordPress for Ecommerce Templates
 Problem with ectstyle.css
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/07/2019 :  21:43:33  
I am having a problem with my css dynamic menu.
This is what I have in ectstyle.css:

/* ~~CSS Dynamic Menu (added by lk) ~~*/
ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:16px;
padding:20px;
width:270px;
}
.ectmenu1 li{
border: 1px solid #ddd;
padding:10px;
background-color:#f2f9f9;
margin-left:-15px;
}
li.ectmenuhassub1 a{
display:block;
padding:0px;
}
li.ectmenuhassub1 a:hover{
display:block;
padding:10px;
color:white !important;
background-color:#009999;
}
li.ectmenu1 a{
display:block;
padding:10px;
}
li.ectmenu1 a:hover{
color:white !important;
background-color:#009999;
}
li.ectsubmenu1{
border-bottom: none;
}
.widget_execphp{
float:left;
width:100%;
}

I have uploaded ectstyle.css in both Flash FXP and again in FileZilla.
When I check the file in Flash FXP, that is what shows.
However this is not what is showing on the website: https://www.kennykreations.com
I am using Firefox and the Web Develop add-on, and it continues to show the old formatting.
ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:16px;
color:#444444;
padding:0px;
z-index:100000;
}
li.ectmenu1 {
border: 1px solid #333;
padding:10px;
background-color:#ffffff;
}
li.ectmenuhassub1 a{
display:block;
padding:10px;
}
li.ectmenuhassub1 a:hover{
display:block;
padding:10px;
color:white !important;
background-color:#009999;
}
li.ectmenu1 a{
display:block;
padding:10px;
}
li.ectmenu1 a:hover{
color:white !important;
background-color:#009999;
}
li.ectsubmenu1{
border-bottom: none;
}
.widget_execphp{
float:left;
width:100%;
}

Not sure where to go from here.
Thanks, Lyn

Vince
Administrator

39135 Posts

Posted - 12/08/2019 :  04:21:25  
Hi Lyn
Your browser will cache the CSS file which is great as it means that your customers don't need to get it again when they browse the different pages on your site. But if you have recently viewed the page you will see the old cached version so try forcing a refresh with <Ctrl>+F5.

Vince

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

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/08/2019 :  15:27:28  
Hi Vince, I had cleared the cache. Have tried also with <Ctrl>+F5.
No change!
I opened the website on my laptop as well and it is still also showing the old version.
Weird.
Thanks, Lyn

ITZAP
Ecommerce Template Expert

Australia
838 Posts

Posted - 12/08/2019 :  17:26:28  
Hi Lyn, likely you uploaded the updated "ectstyle.css" file into the wrong folder. Viewing the source code, that stylesheet is in: /wp-content/themes/ectice/ectstyle.css

Gary

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/08/2019 :  18:14:10  
Thanks, Gary. I thought that is where it should be.
Should I place it somewhere else?
Lyn

ITZAP
Ecommerce Template Expert

Australia
838 Posts

Posted - 12/08/2019 :  18:23:43  
Nope, just use Filezilla, drill down and open that folder on your server (right side), select your updated ectstyle.css file (left side), right click and Upload. When Filezilla asks whether to Overwrite existing file, click Yes OK. Like Vince said, press Ctrl+F5 keys to refresh and reload files in your browser.

Gary

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/08/2019 :  18:46:29  
Hi Gary,
Followed your instructions - uploaded ectstyle.css in FileZilla - cleared cache in Firefox and used <Ctrl>+F5
Downloaded ectstyle.css from the server in FileZilla to check it and it is correct - new format.
However the website is still showing the old formatting. When I use the Web Developer and check the file ectstyle.css, it is still the old file.
Makes no sense.
Thanks, Lyn

dbdave
ECT Moderator

USA
8667 Posts

Posted - 12/08/2019 :  20:19:04  
I'm not sure what browser your are using but I have seen Firefox all but refuse to load an updated css file, regardless of how many times you refresh or try the F5 thingy, or ctrl>refresh.
In some cases what I have to so is right click > view source > click the link to the css file > hard refresh that
Then all is good.

David

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/08/2019 :  20:30:59  
Thanks, David. I am using Firefox.
Have tried your suggestion and still not getting anywhere.
Cheers, Lyn

LynK
Ecommerce Template Expert

Australia
687 Posts

Posted - 12/09/2019 :  05:35:53  
Hi guys, I have solved this problem.
Thought you might like to know how.
I am using Cloudflare with my website, so logged in to Cloudflare and purged the cache of the file ectstyle.css
Thank you all for your help.
Cheers, Lyn
   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.02 seconds. Snitz Forums 2000