change layout in check out page

I would like to change a little bit the checkout page in order to insert some spaces between the various modules (coupon, conditions, status, ecc)

I tried to find the part where i have to change the style without success.

I would like to add the spaces like the image below (the red and green lines)



Could you please give me a little help?

I am no expert but I usually edit the template.css for doing this sort of thing.

If you are using FF get firebug to check your joomla code.

Hope that helps

I tried all the day but unfortunately i haven't found the right part to modify.

Can you post a link to that page?

It's not about modifying the CSS but adding some code to it. As Fintan says, it's possible to do it with some CSS with the help of firebug.

If you can give a link to that page, we can tell you what should be added.

thank you, if you give me some info i will try to use that in the future.
unfortunately I tryed to use firebug but without any success.

The website is www.madeinvino.com
login with username: stefano password: hikashop
you can go on "la nostra cantina" and add an item to the cart, then checkout.

You can add such CSS:

#hikashop_checkout_status,#hikashop_checkout_coupon{
display: block;
}

.art-button-wrapper{
padding-bottom: 5px !important;
}

.hikashop_checkout_additional_info label{
margin: 5px;
}

Thank you nicolas, it works!!!!

i found also how to set the margin for the conditions "#hikashop_checkout_terms"

Hi in my checkout page have image product and when users select for example one product it shows fine but sometimes shows other product images and i have idea create this but for me need your sql code so where i can find this sql code which select images in checkout page can you give me directory for this for example like this administrator/components/helper i search this sql code but i can't find please can you help me?

When i am opening templates/replica/html/com_hikashop/checkout/cart.php there is i am find code like this

foreach($this->rows as $i => $row){
if(empty($row->cart_product_quantity)) continue;
if($group && $row->cart_product_option_parent_id) continue;
?>
<tr class="<?php echo "row$k"; ?>">
<?php if($this->params->get('show_cart_image')){ ?>
<td class="hikashop_cart_product_image_value">
<?php if(!empty($row->images)){
$image = reset($row->images);
if(!$this->config->get('thumbnail')){
echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" />';
}else{
$height = $this->config->get('thumbnail_y'); ?>
<div class="hikashop_cart_product_image_thumb" >
<?php echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle; width:170px;" />'; ?>
</div>
<?php }
} ?>
</td>
<?php } ?>


This is code shows image from database
<?php echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle; width:170px;" />'; ?>
</div>

So where i can find sql query can you give me file name or directory i want change sql code?
Thank you.

Hello,
Note that it's working fine on our end, did you done some modifications through the "cart" file of your "checkout" view of your front-end template via "Hikashop->Display->Views" ? if that's the case can you remove these modifications and test it again ?
Thanks.