Best Sellers List and New Products List

[Faulkds]

Hi Rich / Lee

White is fine as my sidebars are dark grey with black text on them.... :-(



I have tried that and this is what ive got

Start of list

<p class="text_heading_left_column">Best Sellers</p>
<div class="solid_line_blue"><img src="theme_shim.gif" height="1" width="1" alt=" " /></div>

End of list

<div class="solid_line_blue"><img src="theme_shim.gif" height="1" width="1" alt=" " /></div>

Thanks for your help...

[Faulkds]

Could you just change it in the code for the Mini Best Seller Layout?

<p class="text_product_small_info_heading"><actinic:variable name="ProductName" /></p>
<div class="product_image_cost">
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" encoding="strip"/>" />
</a>
</actinic:block>
</div>
<div>
<p class="text_product_small_info_price">
<Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
<actinic:variable value="Marketing Price List" name="PriceListRetail" />
</Actinic:PRICES>
</p>
<p class="text_product_small_info"><actinic:block php="true" >
$sShort = "";
$nCount = 0;
$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';
foreach(explode(" ", $sOriginal) as $sWord)
{
if ($nCount > 10)
{
$sShort .= "...";
break;
}
$sShort .= $sWord . " ";
$nCount++;
}
echo $sShort;
</actinic:block>
<br>
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">find out more</a></p>
</div>

[pinbrook]

<p class="text_product_small_info"><actinic:block php="true" >
$sShort = "";
$nCount = 0;
$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';
foreach(explode(" ", $sOriginal) as $sWord)..etc etc etc

Ok i'm assuming you want to change the colour of the text, so look for text_product_small_info in the css file, copy/paste it back into the css and rename it text_product_small_info2, change the class in the above to

<p class="text_product_small_info2"><actinic:block php="true" >
$sShort = "";
$nCount = 0;
$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';
foreach(explode(" ", $sOriginal) as $sWord).etc etc etc

now change the css

.text_product_small_info2 {
font-size:11px;
line-height:normal;
margin:0;
padding:0 0 6px;
color: red;
}

substitute red for whatever you want

[Faulkds]

Thankyou jo

[leehack]

I believe that only the marketing lists use those classes, if all marketing lists are to be the same, you probably don't need the 2nd class, simply change the colour on the main class.

[Faulkds]

Hi Lee,

Now I am confused...


This is what ive done....

Ive edited the actinic.css file and added the following

.text_product_small_info2 {
font-size:11px;
line-height:normal;
margin:0;
padding:0 0 6px;
color: red;

Ive then edited the mini best seller layout so it looks like this:-


<p class="text_product_small_info_heading"><actinic:variable name="ProductName" /></p>
<div class="product_image_cost">
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" encoding="strip"/>" />
</a>
</actinic:block>
</div>
<div>
<p class="text_product_small_info_price">
<Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
<actinic:variable value="Marketing Price List" name="PriceListRetail" />
</Actinic:PRICES>
</p>
<p class="text_product_small_info2"><actinic:block php="true" >
$sShort = "";
$nCount = 0;
$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';
foreach(explode(" ", $sOriginal) as $sWord)
{
if ($nCount > 10)
{
$sShort .= "...";
break;
}
$sShort .= $sWord . " ";
$nCount++;
}
echo $sShort;
</actinic:block>
<br>
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">find out more</a></p>
</div>

It still doesnt work....

Im using the design wizard theme

[leehack]

Load the page up and provide a link to a page with it on, so we can see it live. I never use color names in stylesheets, i don't like them, perhaps that is causing an issue, i'm not sure. I'd use the hex value anyway. Your <a> text color won't change either as that is probably using the global style for <a> in the stylesheet, which is using something different to what you are setting in the class itself. The <a> tag will override the color set in your new class and use it's own.

[Faulkds]

Done it !

What a muppet - I was editing the wrong css file.

Thought it was actinic.css but its theme.css.

Thanks for your patience...

[Faulkds]

Slight problem....

It does it for the sidebars but also for the main content

[leehack]

I'm not surprised, you need to follow instructions to the letter, not go off on a tangent and do your own thing. Where did anyone mention theme.css?

Follow the instructions exactly and then load up so we can see, it's the only way we can really help.

[Faulkds]

Oh Lee,

I did EXATCLY what was said but it didnt work.....

I explained exactly what i done in my previous posts.....

I was told to edit the .css file....

I assumed it was the actinic.css file....

Since that didnt work I changed the theme.css file...


If i knew what i was doing then I wouldnt have raised the post. :-)

[Rich Brady]

Okay, I'm editing the CSS for my NP sidebar, but hit a stumbling block...

I've changed the bg gif for the boxhead and then the text colour to suit. However, in the online preview the text remains black.

It seems to be being controlled by another/extra style:

.boxhead h2 {
color:#FFFFFF;
}

but not in the actinic.css, but in P_products.html. Where the hell do I find that???

In addition, I can't find any reference to the border colour either.

I've searched through the Actinic CSS and looked at it in Firebug, but alas I still can't sort.

If someone could point me in the right direction and if it's a case of I'm not seeing the wood for the trees I apologise now; it's Friday and I've not had a coffee yet...

Thanks guys,

Rich

[leehack]

Pages prefixed with P_ are preview pages Rich. Provide a link is best, you will be suffering an inheritance issue i expect, maybe they are even links and the link styling is overriding what you set.

[Rich Brady]

Whooooo.... That makes sense.

The Title isn't a link, so it's not that. I'd imagine then, onece uploaded, my CSS should kick in as usual. I'll get it on a test server hang on...

[Rich Brady]

Okay, sorry it's taken me sooooo long to get back to this.

I found the ruling Style it was on line 33 of the index page, Christ knows what it was doing there

The site can be found here:

http://www.web-d.biz/index.html

Please bear, bare, beer (I don't know) in mind this is half way through a design change, so don't be too critical just yet.

Okay so I've solved the font problem, now... where's the styling for the NP border kept?

Well, I've sorted that too. It's a bloody image would you believe...

Thanks for looking,

Rich

P.S. Why doesn't the Actinic Spell check recognise the word okay? How rude