Featured Products - align left

[warstormer]

How can I make the products in the Featured Products box align left? I've tried changing so many things in the stylesheet I'm going squirly....

[gjh42]

This is really strange...
An error in entry (comma instead of period) made this work:

#featuredContent,sideboxContent {text-align: left;}

when the correct statement is

#featuredContent.sideboxContent {text-align: left;}

which doesn't work.
No other combinations I have tried yet work, either.


Did you mean centerbox or sidebox?

[warstormer]

It was the center box (here: www.undergroundtoys.co.uk/fgstore)....

Looking at the source code it's:

<div class="centerBoxWrapper" id="featuredProducts">
<h2 class="centerBoxHeading">Featured Products</h2>
<div class="centerBoxContentsFeatured centeredContent back" style="width: 100%;"><a href="http://www.undergroundtoys.co.uk/fgstore/index.php?main_page=product_info&amp;products_id=182"><img src="images/UT85.jpg" alt="Stewie Fridge Magnet - Bottle Opener" title=" Stewie Fridge Magnet - Bottle Opener " height="80" width="37"></a>&nbsp;<a href="http://www.undergroundtoys.co.uk/fgstore/index.php?main_page=product_info&amp;products_id=182">Stewie Fridge Magnet - Bottle Opener</a>&nbsp;£6.99</div>
<br class="clearBoth">

[gjh42]

.centerBoxContentsFeatured {text-align: left; margin-left: 10px;}

[warstormer]

Ta for that and yep, that should've worked... but something else seems to be dictating the odds here...

[warstormer]

Found it.... stared so long at the code couldn't see the wood for the css...

.centeredContent {text-align:left;}

Maybe combined with the .centerBoxContentsFeatured {text-align: left; margin-left: 10px;} cracked it....

[gjh42]

I think putting the .centerBoxContentsFeatured at the end of the stylesheet made it override .centeredContent.
When I tested it it worked exactly as I posted.

.centeredContent {text-align:left;} by itself will make things that should be centered go left instead.