Features, boxes and footer all shifted!

[jeremyfoster 0]

Hey there, I was editing base.css, simply messing with the #primary-nav tag when all of a sudden I noticed that a number of things on my page completely shifted! www.travelfreak.net First off, you'll notice that the features box isn't acting properly (at all!). The three items listed underneath are boxes and were thus lined up side-by-side...now they're in a list format. Lastly, the footer text was originally positioned on the left side...now it seems to be floating to the right. The problem certainly isn't stemming from the base stylesheet, so what might have happened? Did I accidentally flip a switch somewhere along the way? Do these elements all share a common class? Any help would be greatly appreciated. Thanks in advance!

[catrina 103]

What changes were you trying to make with the #primary-nav tag? Can you paste them here?

[jeremyfoster 0]

Catrina, This is what's there now: ` #primary-nav, #primary-nav li a { color: #f1f1f1; background: #7d7e7d; /* old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */ } #primary-nav ul.sub-menu li a { background: #656665; } ` I was toying with some other design ideas so I was trying a few other things as well. I was also using `a:hover` along with the above code and that's when I noticed the change (but I was refreshing on a post, not the default page, so it could have happened anytime). I've tried removing the code, renaming base.css so it's not included at all, and the problem remains. I've tried replacing the PlatformPro theme folder as well (1.3.1) but still no luck. Honestly stumped. Thanks.

[Kate 3]

Hi Jeremy, I just took a look at your link and I'm not seeing the issue. In addition to changing the CSS, did you modify the HTML at all? Perhaps adding something to a footer element?

[freddy88 0]

Same thing is happening to me, every time I make a change to my base.css file things really start to get messy. For instance I just added a simple h2{color:#4670b7} to the base.css file and my Boxes lost their width styling (seems to effect simple nav in footer somehow too). Very strange - this has happened every time I make a change and seems to randomly self correct when I make other changes using the settings panel within WP admin. This is becoming very frustrating - I could have designed my own WP theme from the ground up by now... UGHHHHHHHHH!!

[freddy88 0]

Also seems to break the featured slider as well - So definitely the same issue as Jeremy - would love to hear a solution on this...

[cmunns 16]

Usually this happens when you try refreshing the page before the update to the base.css file has been completely loaded. If you allow it to load fully before refreshing it should be fine. There is no reason why changing a single selector would screw things up unless you aren't closing the selector off with `{}`

[jeremyfoster 0]

Well, I resolved it! Fred, you got me thinking that a simple layout reset might reconfigure some dimensions here and there so that's what I did and it worked! Try giving this a shot and then see if you're able to continuously update base.css without breaking anything. Thanks a lot guys.

[freddy88 0]

I actually found the solution in a much earlier post - It wasn't me but the AJAX - every time I made a change with the platform pro interface it would reset my base.css manual changes. (or parts of it?) - I turned it off and now all is good!! What a headache...