How do I add line to the product listing page. As you see red line on my pictures below.
![]()
How do I add line to the product listing page. As you see red line on my pictures below.
![]()
Or if you are on a local server for development, describe what you want.
If you want a line between listing items (a common desire), read on...
There are a couple of ways to modify the product listing layout.
This definition added to the end of your stylesheet.css will give some space around each element of your product listing, and put a line under each item in the list:
.productListing-data {
padding: 0.5em;
border-bottom: 1px solid #33CC99;
}
Change the numbers as you wish; eliminate the border-bottom if you don't want the line. You can just have padding-bottom if you want.
For more complete control of spacing, dweingart submitted a nice simple mod which can be seen here (posts 8-14 especially). It allows product listing columns to be addressed separately and positioned/styled.
Thank you verymuch GJH42 it's easy than I think
Bookmarks