i want to show a separator/solid bottom border between the two rows of itembox.

aswaaq

Posted: 10 years ago

#5827 Quote

Total Posts: 11

Hi There,

i want to show a separator/solid bottom border between the two rows of itembox.
please let me know how to do it as i have tried alot. i have alsoo seen the other nop-themes but nobody uses in this way.

appreciate your prompt reply

Thanks

Support

Posted: 10 years ago

#5836 Quote

Status: Moderator
Total Posts: 1044

aswaaq wrote:

Hi There,

i want to show a separator/solid bottom border between the two rows of itembox.
please let me know how to do it as i have tried alot. i have alsoo seen the other nop-themes but nobody uses in this way.

appreciate your prompt reply

Thanks

Hi ASWAAQ,

You can try the following:

Add the following code in the admin -> plugins -> nop electronics theme -> settings -> custom head styles:

.product-grid .item-box { border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin:0;}

Hope that helps!

aswaaq

Posted: 10 years ago

#5841 Quote

Total Posts: 11

Hi There,

i have tried this already. but when only 1 product is available, then this will not work for full row bottom border as the bottom-border is given on itembox, not the grid.

can you please give me some other solution to get the desired result.

thanks

Support

Posted: 10 years ago

#5848 Quote

Status: Moderator
Total Posts: 1044

aswaaq wrote:

Hi There,

i have tried this already. but when only 1 product is available, then this will not work for full row bottom border as the bottom-border is given on itembox, not the grid.

can you please give me some other solution to get the desired result.

thanks

Hi,

Can you try to insert the following in the admin -> plugins -> nop electronics theme -> settings -> custom head styles :

@media screen and (min-width: 981px) {
 .product-grid .item-box:nth-child(3n+1):before {
 content: " ";
 border-bottom: 1px solid #eee;
 display: block;
 width: 500px;
 }
}

This will display a border before every 4th product.

Hope that helps!

Best Regards!

aswaaq

Posted: 10 years ago

#5860 Quote