White Space Between Featured Products Block

[Nick20000]

How do I remove the highlighted space between the featured products block its too large. picture added please take a look.

 

the smaller white space is fine it is the highlighted area that i want to remove.

 

http://www.shopmost.co.uk

 

thank you.

Edited November 15, 2014 by Nick20000 (see edit history)

[PascalVG]

Edit file modules/homefeaturedX/homefeatured.css: (make backup!)  (I see you have copies of this modules, so do it for all, or at least file modules/homefeatured4/homefeatured.css, as this file will normally override the values of modules/homefeatured1-3)

 

#featured-products_block_center li {

   margin-right: 14.5px;

   padding: 10px 10px;

   width: 126px;

   text-align: center;

   height: 210px;

}

 

 

in themes/<your theme folder>/modules/homefeaturedX

 

edit file homefeatured.tpl (back up first!)

 

You see some code like:

		<div class="block_content">
			{assign var='liHeight' value=250}
			{assign var='nbItemsPerLine' value=4}
			{assign var='nbLi' value=$products|@count}
			{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
			{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}
			<ul style="height:{$ulHeight}px;">
			{foreach from=$products item=product name=homeFeaturedProducts}
				{math equation="(total%perLine)" total=$smarty.foreach.homeFeaturedProducts.total 

First try to change the second line of this bock:

 

            {assign var='liHeight' value=230}

 

 

if that doesn't work, try to directly change the height in a fixed value: (4th line from bottom of code shown above)

change:

           <ul style="height:{$ulHeight}px;">
into:

           <ul style="height:230px;">

 

That should do the trick. Don't forget to make backups, just in case.

Don't forget tho turn off cache and force compile template in adv. parameters/performance temporarily to see the results)

 

pascal.

[Nick20000]

hi.

 

i tried that but what i mean is i want the blocks closer together. the space between is pushing them too far apart. i added another picture.

 

thank you.

[PascalVG]

Hi Nick,

please try this again (Do all steps as described, do in all copies of homefeatured that you made)

 

Result will be like this:

 

 

 

Hope this helps,

pascal

[Nick20000]

thanks pasca. 

 

as we are on the subject of the featured blocks do you know how i can duplicate the home text editor? I have tried but can not seem to do it.

 

thank you.