border to products image (2 posts)

  1. ziggynerja1
    Posted 3 years ago #

    Hello, I'm trying to add a border to the product images within the products page.

    I have no problem doing this via CSS, but the border I want to use is provided by my template, and is applied via a shortcode.

    I have looked at http://docs.woothemes.com/document/template-structure/

    and I'm not entirely sure which I must edit.

    Could someone tell me exactly which php files must be edited to add this shortcode, products page and single products page.

    Thank you very much!


  2. jameskoster
    Plugin Author

    Posted 3 years ago #

    Hi there,

    I really would not edit a template file to add presentational code.

    Adding it with CSS is much safer. Why don't you want to do that?

    Whatever class sets the border, just add the WooCommerce image selector too. So E.G.

    .bordered {
    border:1px solid red;


    .bordered, ul.products li.product img, .single-product .images img {
    border:1px solid red;

    Thanks, Jay

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.