[Resolved] WooCommerce Sub-category Page images

Home Forums Support [Resolved] WooCommerce Sub-category Page images

Home Forums Support WooCommerce Sub-category Page images

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1616696
    Juned

    Hi,

    I want to give some designing to image’s border at Shop Page and Sub-category Page for product images.

    Please help me with this.

    (Presently I copy pasted some css for shop pages background from your previous answers in forum)

    Thanks in advance.

    #1616738
    David
    Staff
    Customer Support

    Hi there,

    to add a matching border to your category thumbnails you can try adding this CSS:

    .woocommerce ul.products li.product-category a img {
      border-right: 2px solid rgba(0, 0, 0, 0.07);
      border-bottom: 2px solid rgba(0, 0, 0, 0.07);
      box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
    }
    #1616745
    Juned

    Thanks.

    Its only for category images. And not for sub-category images?

    #1616753
    David
    Staff
    Customer Support

    That CSS applies to the top Level Categories ( ie. Shop ) and Sub-category images ( eg. Stationery ). What am i missing ?

    #1616760
    Juned

    Home / Shop / Pest Control Services / Cockroach Control

    i.e. Home / Shop / Category / Sub-Category

    The Sub-category Page Images are not having any effect with above CSS. Although its working fine for Shop & Category Pages.

    #1616785
    David
    Staff
    Customer Support

    Ok so to include the Product images as well – change the CSS to this:

    .woocommerce ul.products li.product a img {
      border-right: 2px solid rgba(0, 0, 0, 0.07);
      border-bottom: 2px solid rgba(0, 0, 0, 0.07);
      box-shadow: 0 0 10px rgba(232, 234, 237, 0.5) !important;
    }
    #1616808
    Juned

    Thanks.

    #1616810
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.