Views: 1,351
Zen Follower
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.... :blink:
Black Belt
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?
Zen Follower
It was the center box (here: https://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&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> <a href="http://www.undergroundtoys.co.uk/fgstore/index.php?main_page=product_info&products_id=182">Stewie Fridge Magnet - Bottle Opener</a> £6.99</div> <br class="clearBoth">
Black Belt
.centerBoxContentsFeatured {text-align: left; margin-left: 10px;}
Zen Follower
Ta for that and yep, that should've worked... but something else seems to be dictating the odds here... :huh:
Zen Follower
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....
Black Belt
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.
Tell staff why this post should be reviewed.
