Author Topic: Change the border on products  (Read 1695 times)

Offline demoncho87

  • Newbie
  • *
  • Posts: 23
  • Karma: +2/-0
    • View Profile
Change the border on products
« on: January 18, 2017, 10:36:27 AM »
Hello i want to add a border over all product in categories like the picture below. Thanks in advance.

Offline Sam_78

  • Full Member
  • ***
  • Posts: 222
  • Karma: +40/-1
    • View Profile
Re: Change the border on products
« Reply #1 on: January 18, 2017, 10:52:18 AM »
Hi,
You have to make some changes in coding
in file template\blocks\product_list.tpl after line 32 which is <div class="col-md-3 col-sm-6 col-xs-12">
add one more div like <div class="display-border"> right after it and add </div> on line 80
Do the same thing in template\pages\product\product_listing.tpl


now add css for this class=display-border in style.css  so go to stylesheet\style.css

.display-border{
   border: 3px solid #e5e5e5;
        border-radius: 19px;
   padding: 2px 2px 2px 2px;
}

Note: You can edit the styling-color as per your requirement

Offline demoncho87

  • Newbie
  • *
  • Posts: 23
  • Karma: +2/-0
    • View Profile
Re: Change the border on products
« Reply #2 on: January 19, 2017, 07:38:23 AM »
Thank you so much. I`ve made it and looks good!

 

Powered by SMFPacks Social Login Mod