Layout problem after upgrading .css?

[papermilldirect]

Hi guys/gals,

Having a bit of a headache at the moment. Quick rundown below.

1. We were running V7
2. We swapped to another computer and decided to upgrade to v8 as well
3. Imported snapshot into V8
4. Really struggling to get the text looking as it should and the secondary nav bar also.
5. We are still running the older v7 on the other computer so if you wish to compare the current site papermilldirect.com with the problem site then the problem site is uploaded to the 'test' folder within the site.

So, just to make it clear:

The secondary nav bar is not looking as it should and the text in the product sections is all over the place in terms of style colour etc.

I'm thinking our .css file has something to do with it but I'm not that advanced/experienced.

Many thank in advance,

Paul

[Coggy]

Hi Paul,

I too upgraded from V7 to V8 and while it was mostly error free, I encountered problems along the lines of yours. I found that my product text was smaller and different in colour to that of the original site. I solved this by selecting the element in question (section text) in design mode -> right clicking to display the menu -> selecting "Edit Appearance" ->Click on "CSS Style" dropdown box and assign the required style to the element.

HTH

Chris

[jont]

Annoyingly Actinic seems to always replace the existing navigation bar with a default offering. In design tab mode simply click on each of the navigation items and you will see the hardcoded [] items in there you can remove. From memory the default class is one of the standard .actsmall ... you can strip this out and replace for the same class as per your v7 site.

Don't forget to check all the old v7 classes are in the v8 actinic.css stylesheet.

[papermilldirect]

Thanks Jont,

I understand the principle but not the implimentation.

When I click on the item in design I get this >

" target="_self"><span class="actxxsmall"><strong><actinic:variable name="CartText" /></strong></span></a>&nbsp;<span class="actxxsmall">]</span>

I can see that you wnat me to strip out the actxxxsmall part but where do I find the class in my v7.

As you can tell bit over my head this (I don't know what a class is). We are also using our own .css sheet if that helps.

Coggy - I thought the colours and styles font etc came from our .css file, I can't see this option in the instructions you give...

Thanks,

Paul

[jont]

Typically you would edit the above code down to (I am showing the concept hence not using the full <actinic variable> stuff)

<a href="ViewCart" target="_self">Cart Text</a>

in the v7 CSS it looks like the basic <a> class is styling the links. If you want to change and make more prominent you can use

<a href="ViewCart" class="navigationLinks" target="_self">Cart Text</a>

and in the actinic.css use something like:

.navigationLinks a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: blue;
}

.navigationLinks a:hover {
color: red;
}

changing the values accordingly