css

[cdicken]

Jo - I cannot see a file called 'custom.css' at either of the locations described in your post. Did you call it something else?

I think the issues you are having could be related to the Dreamweaver extension. Are there any references to custom.css in your DW files? Or is the only reference to custom.css within your 'Actinic Stylesheet' layout?

For the record, when I test this technique, it is without Dreamweaver so there could be an additional complication there.

I suggest you follow this through via v8beta@actinic.co.uk and the team can get your data and try to untangle what has happened.

[pinbrook]

its called daisy.css (I've got several designs in the making so I need to have unique names)

I'll email beta and point them to this thread

[pinbrook]

Ok, I've hard coded the entire custom css file and the design now works.

With an exception, of course.

I've attached a screen grab, I want my bestsellers and new products sections to have the horizontal dividers the same as my product layouts.

According to the screen grab, I reckon I've chosen the correct layouts, but I don't get the horiz dividers. Also see daisy3.pinbrook.net

[cdicken]

OK - don't forget that these lists are not product lists. They are 'best sellers lists' and 'new products lists' so they use different layouts.

To fix this, you just need to edit the 'End of Row' fields for the 'Full Best Sellers List' and 'Full New Products List' layout and make them the same as the 'Product List With Horizontal Dividers'.

Here's how.

Go to 'Design | Library | Layouts' and expand the 'Product Lists' group.

Double-click on 'Product List With Horizontal Dividers' and click the 'Edit List Layout Settings' button.

Change to the 'Edit Rows and Columns' tab.

Click in the 'After Row' field and click the '...' button.

Copy all the code to the clipboard and then click 'Cancel', 'Cancel' and 'OK' to exit the list layout.

Now expand the 'Best Sellers List' and double-click on 'Full Best Sellers List' layout.

Click 'Edit List Layout Settings' and paste the code into the 'After Row' field - replaceing the </tr> that's already there.

Repeat this for the 'Full New Products List' layout.

[cdicken]

Also, in the 'Basic Definition' tab of the 'Full Best Sellers List' - change the cellpadding from '10' to '0'.

[pinbrook]

OK - don't forget that these lists are not product lists. They are 'best sellers lists' and 'new products lists' so they use different layouts.

Can you explain, when I have Best Sellers highlighted in the product tree, i also show Section details, Layout tab

Whats the difference between "Product Layout" and "Product List Layout.

I assume "Product Layout" which in this case uses Parent "Standard Layout using CSS" was how the product was laid out ie images, descriptions etc

Product List layout shows Use Parent also, Product list with horizontal Dividers

The later causes me to assume I'd get the horizontal dividers between the products

Although I agree assuming is very dangerous

However I'd prefer to only have the one layout, I don't really want to have to edit 3 layouts to get the same one for all products, whats the best way to change the bestsellers and new products so they all use the same layout. Again the Layout tab here confuses me as it says its using the parent

Did we ever sort out how to change the product and section width to percentages? I'm doing this going to Design library, Layouts, Product lists, Product list with horizontal dividers, clickhere to edit list layout settings, overall design, start of list , remove actinic variable and replace with %

[cdicken]

The things that appear in the 'Best Sellers' and 'New Products' sections in the preview are NOT products. They do not use the product layout and they do not use the product list layout - these settings will have no affect on the items in the 'Best Sellers' and 'New Products' sections. What these items are is just an alternative way of displaying the best seller and new product items that appear in the sidebar of every page.

If these sections are causing confusion, I suggest you just delete them. You don't have to use them. They are just there to show that it is possible to include an 'add to cart' button when you are showing best sellers and new products.

If you want to change how they appear, you need to edit the following layouts:

• Full Best Sellers List
• Full Best Seller Layout (or 'Full Best Seller Layout Using CSS' - depending on which one you are using)
• Full New Products List
• Full New Products Item (or 'Full New Products Item Using CSS' - depending on which one you are using)

Whats the difference between "Product Layout" and "Product List Layout.

The 'Product Layout' lays out the thing itself, the 'Product List Layout' controls how many columns the product appear in, whether there is any code at the top/bottom of the list, where there is a horizontal line between each row in the list etc.

Did we ever sort out how to change the product and section width to percentages? I'm doing this going to Design library, Layouts, Product lists, Product list with horizontal dividers, clickhere to edit list layout settings, overall design, start of list , remove actinic variable and replace with %

That will work - alterntatively just go to 'Settings | Site Options | General'. The fields you want are called 'Width of Section List' and 'Width of Product List'.

[bentleybloke]

Speaking of CSS, does this happen to anyone else...

Upload v8 - everything works ok
Go to Business Settings and turn on SSL (for login and checkout) and configure it
Update or Refresh site
Go to site, everything looks normal
Click login et viola! CSS formatting vanishes!

I hope its not just me

PS. If you turn SSL off or use SSL on whole site, it all works!

[pinbrook]

The things that appear in the 'Best Sellers' and 'New Products' sections in the preview are NOT products. ...... What these items are is just an alternative way of displaying the best seller and new product items that appear in the sidebar of every page.

Ah ok that makes sense.

alterntatively just go to 'Settings | Site Options | General'. The fields you want are called 'Width of Section List' and 'Width of Product List'.

I've tried width of section list and width of product, but it will not allow the % sign, hence delving deeper into the code.

[gabrielcrowe]

not very off topic here, but i'v also been playing with some of the features discussed here. with similar bizzare results.

am i to assume than this new rush for xhtml compliance means actinic is more accepting full css layouts? I gave up half and half on version 7, leaving the main layout and the obvious borked actinic gubbins in there.

do you think you'll get there pinbrook? finally able to get your w3c sticker jont?

[cdicken]

Upload v8 - everything works ok
Go to Business Settings and turn on SSL (for login and checkout) and configure it
Update or Refresh site
Go to site, everything looks normal
Click login et viola! CSS formatting vanishes!

No - it's not just you. It's also our testing team There is a problem with the Base HREF in beta 2 which means that it breaks CSS when using split SSL mode. This is fixed in the production release.

I've tried width of section list and width of product, but it will not allow the % sign, hence delving deeper into the code.

Oh - OK. Why not go into 'Design | Library | Variables' and edit the variables concerned to make them 'Text' rather than 'Number'. This should fix it.

[pinbrook]

do you think you'll get there pinbrook?

you can see WIP at daisy3 . pinbrook.net and texas . pinbrook.net

although I haven't yet gone through the code to remove the unecessary stuff, this will be done prior to release.

A quick comparison of a V8 Css theme with a v6 site, 20 errors v 96, so a step in the right direction

(remove the spaces from the url as i don't want them indexed)

[pinbrook]

Ok another Question now (I'm keeping all css related Qs to this one thread)

I'm messing with the horizontal nav bar (ie home, login, upa level etc) I've change the nav bar to horizontal bar with text, and am now adding css to make links.

You can see this at grail.pinbrook.net

my Q is regarding getting the links to be right aligned.

I'm using <li> for the links so if I use text align=right I get the links one underneath the other on the right hand side of the page,

however if I use float: right the links get reversed, see the fact that home is to the extreme right.

What is the best way to get the links in the reverse order, with home to the left and login to the right, except for reversing the actual code in the layout code of horizontal nav?

[dscontroller]

Jo,

Have you tried the 'inline' style for the ul li links to see if this would work OK?

I presume you may be using Dreamweaver for the CSS and if you are you would need to be in the Block category then Display type and change it to inline rather than block.

hth,

David

[pinbrook]

I have an external css file containing the css that pertains to my design.

I use topstyle to write the css code, and just reference the cssfile in the html code ie <link rel="stylesheet" type="text/css" href="style.css" />

#navcontainer { /* none needed */ }

ul#navlist {
margin: 0;
list-style-type: none;
white-space: nowrap;
float: right;
}

ul#navlist li {
float: right;
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 4px 4px 4px 4px;
background-color: #404616;
border-top: 1px solid #FFFFF;
}

#navlist a, #navlist a:link {
background-color: #404616;
color: #F4F3F1;
text-decoration: none;
border-right: 1px dotted #FFFFF;
}

ul#navlist li#active, #navlist a:hover{
color: #F2AB01;
background-color: #404616;
}

here's the code, which works as i know the css is picked up, its just a case of getting the nav links in the correct order and not back to front