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

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

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

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

Thanks, Gary. I thought that is where it should be.
Should I place it somewhere else?
Lyn

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

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

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

Thanks, David. I am using Firefox.
Have tried your suggestion and still not getting anywhere.
Cheers, Lyn

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