Zen Cart Logo
Forums / Upgrading from 1.3.x to 1.3.9 / Post upgrade - sidebox configuration question

Post upgrade - sidebox configuration question

Locked

Views: 619

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
14 Jul 2010, 7:54 PM
#1
pwoens avatar

pwoens

New Zenner

Join Date:
Dec 2007
Posts:
63
Plugin Contributions:
0

Post upgrade - sidebox configuration question

just upgraded from 138a to 139d. Worked through all other issues and last issue is CSS related, so it appears? Winmerge and beyond compare aren't showing any differences in my css files but my sideboxes aren't looking like they should.

Just need to know which file to edit as I can't seem to figure it out.

bad sidebox

good sidebox

14 Jul 2010, 8:59 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Post upgrade - sidebox configuration question

I'm not seeing any difference between the two ...

14 Jul 2010, 9:39 PM
#3
pwoens avatar

pwoens

New Zenner

Join Date:
Dec 2007
Posts:
63
Plugin Contributions:
0

Re: Post upgrade - sidebox configuration question

stevesh:

I'm not seeing any difference between the two ...

if you notice the bad sidebox has a border, an additional top box, and also the green bottom border.

I did figure it out by using Firefox. I had an old .css file that I renamed but forgot to remove .css off the end of it. It was overriding my legitimate css.

for those troubleshooting issues like this, download firefix and follow these steps:

The easiest way to figure out what is where is by installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.