WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
border to products image (2 posts)

  1. ziggynerja1
    Member
    Posted 1 year 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!

    http://wordpress.org/extend/plugins/woocommerce/

  2. jameskoster
    Member
    Plugin Author

    Posted 1 year 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;
    }

    becomes;

    .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

About this Topic

Tags

No tags yet.