[SOLVED] Block Reinsurance: How to remove last row item margin

[Detelin Markov]

Hi

 

I use default reinsurance block for showing 5 banners instead default pictures with text for each.

Working fine but i like to remove last row item margin right. How to do this?

 

I try several ways to use default module style but without success.

- When i use only images:

- When use 4 images - i can use only #reinsurance_block .width4 li {width:245px} other don`t working.

- When use 5 images - i can use only #reinsurance_block .width5 li {width:188px;} other don`t working.

 

I use 5 pictures and disable text desc. Show on only pictures and want instead last row item to hew margin right to be 0.

 

 

Or may be will be easy to use module with my own code (and div style) for everyone picture that i want to show.

 

Prestashop: 1.5.6.2

Livesite: test.detelinmarkov.com

 

Code is:

reinsurance.tpl

<div id="reinsurance_block" class="clearfix">
	<ul class="width"style=">	
		{foreach from=$infos item=info}
			<li><img src="{$module_dir}img/{$info.file_name}" alt="{$info.text|escape:html:'UTF-8'}" /> <span>{$info.text|escape:html:'UTF-8'}</span></li>
		{/foreach}
	</ul>
</div>
<!-- /MODULE Block reinsurance -->
{/if}

style.css

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:none;}
#reinsurance_block li {
	display:inline-block;
	padding:10px 0px 10px 0px;            /*Top and bottom padding*/
}
#reinsurance_block .width1 li {width:1020px} /*This row not working for me*/
#reinsurance_block .width2 li {width:765px}  /*This row not working for me*/
#reinsurance_block .width3 li {width:510px}  /*This row not working for me*/
#reinsurance_block .width4 li {width:245px}  /*This row not working for me*/
#reinsurance_block .width5 li {width:188px;}/*Here i set images width*/
#reinsurance_block li{
	float:left;
	margin-right: 13px;                  /*Here i set margin-right*/
}
#reinsurance_block li span {display:none;}   /*Disable desc*/

Look like:

 

Thank you in advance!

Edited February 27, 2014 by Detelin Markov (see edit history)

[vekia]

you can do it with css styles,

something like:

#reinsurance_block li:last-child {
margin:0px;
padding:0px;
}

[Detelin Markov]

Wow, what a speedy answer!

Thank you Milosz! Working fine - i use only margin: 0px;

SOLVED!