I'm trying to figure out how to remove margin from the last item in my row here...
http://bit.ly/HzkHt3
I've set VM to show 4 categories per row and I'm using the following css...
body .floatleft {float: left;margin-right: 15px;margin-left: 0;}
With this code...
// Category Link
$caturl = JRoute::_ ( 'index.php?option=com_virtuemart&view=category&virtuemart_category_id=' . $category->virtuemart_category_id );
// Show Category ?>
<div class="category floatleft<?php echo $category_cellwidth . $show_vertical_separator ?>">
<div class="FWcategorybox">
<center>
<a id="FWcategorynameImage" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">
<?php if (!empty($category->images) ) {
echo $category->images[0]->displayMediaThumb("",false);
} ?>
</a></center>
<a id="FWcategorynamelink" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">
<?php echo $category->category_name ?>
</a>
</div>
</div>
<?php
$iCategory ++;
// Do we need to close the current row now?
if ($iCol == $categories_per_row) { ?>
<div class="clear"></div>
</div>
<?php
$iCol = 1;
} else {
$iCol ++;
}
}
How can apply .floatleftlast style to the last item in the row to prevent it from being to wide for my page?
.floatleftlast {float: left;margin-right: 0;}