Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Category Tiles And Image Spacing / Border Rate Topic   - - - - -

  • Fossils
  • Member
  • Members
  • Join Date: 18-Aug 16
  • 42 posts

Posted 17 October 2016 - 06:41 AM #1

Is there an addon or simple way to make "category tiles" on my homepage?


For example, each category or selected categories to have an image in a grid that links to the category or categories of designated products? 


I could imagine it being a simple html block that is an image with a link and text underneath it that can just add blocks for each category or link... this might be easiest way if there isn't an addon already set up to do it...


Link to example site:  https://www.stonesbones.com/



And for image spacing --- how do I reduce the white space gaps between each image of products and categories images? and I want to get rid of the border as well on the products category page... example of what my development site looks like here: (and attached image)






Attached Thumbnails

  • category-tile-examples.PNG
  • Too-much-white-space.PNG

  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21893 posts

Posted 17 October 2016 - 07:56 AM #2

To reduce gaps and remove border, please add the following code to the CSS section of theme editor:
.ty-grid-list__item {
    margin: 0px 0px 25px 0px;
.ty-grid-list__image {
    border: none;

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)