[SOLVED]Featured products are not aligned.

[MADCAN]

Hi All,

Vekia seems to be the person for this. I have seen how to fix this issue but is it possible to get a bit more detailed, step by step process to resolve this?

I have selected 8 Featured Products for the home page but the 8th image is on a third row.

This is am image issue and I have to put some code in the global css but can anyone out there help this newbie sort it out?

Here is my website

 

Plus, some of the images are a different size. They are not a consistent size in the featured products. I have uploaded the images as 222 x 222. How do it get it so they are all the same size and fit NICE in the box? I am resizing all the images to 222x222 but still have this different size issue.

 

Thanks to all. Have a good weekend.

MADCAN

Edited October 29, 2013 by MADCAN (see edit history)

[vekia]

hello

 

here I am

 

to global.css file add this simple code:
 

#featured_products ul li.num-5 {margin-left: 0;}

effect:

[MADCAN]

Vekia........you rock.....

I added it at the bottom of:

HOMEFEATURED
************************************************************************************************ */
/* ————— homefeatured.tpl ————— */
#featured_products { background:#fff; overflow:hidden; padding:42px 0 16px 0;}
#featured_products h4 {font-size:25px; line-height:25px; color:#392415; font-weight:bold; font-family: 'Crimson Text', serif; padding:0 0 5px; margin:0 0 13px; text-transform:uppercase;}
#featured_products ul { list-style:none; padding-top:0px; padding-left:0px;}
#featured_products ul li { text-align:center; margin-bottom:10px!important; float:left; width:222px; padding:4px 4px 25px; position: relative; margin-left:10px; background:url(../img/prod-bg-bottom.png) no-repeat 0 100% #f7f3f0;}
#featured_products ul li.num-1{margin-left:0;}
#featured_products ul li img.v{ z-index:9999;}
#featured_products ul li img{ margin:0!important; padding:0!important; border:none!important; display:block; overflow:hidden; position:absolute; top:0; left:0;}
#featured_products ul li img.vky{ display:block }
#featured_products ul li.omega{ margin-right:0}
.featured_li{text-align:center; padding:0px 0 0px 0 !important;}
#featured_products ul li .product_image{ width:222px;height:222px; display:block; padding-bottom:0px; overflow:hidden; position:relative;}
#featured_products ul li div { overflow:hidden; padding:19px 15px 8px 15px;}
#featured_products ul li h5 {padding:6px 0px 0 0; min-height:45px;}
#featured_products ul li p {padding:3px 0 0 0;}
#featured_products ul li span.price {display: inline-block;padding:5px 0 4px 0; font-size:30px; line-height:35px;}
.featured_li .mob{ display:none;}
.featured_li .mob-2{ display:none;}
#featured_products ul li.num-5 {margin-left: 0;}

 

It works............cool.

Can you give me some suggestions on a date picker where the client chooses a delivery date on check out?

Thanks Vekia............

Edited October 26, 2013 by MADCAN (see edit history)

[vekia]

feature like this needs a little customization, by default it isn't possible to select "delivery date" from a callendar.

as far as i remember here on board you can find several threads related to this case, with working solution

[MADCAN]

Thanks for the info. Have a great weekend!