This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

No background colour in shop page for products

7 years ago · Last reply by Alex S 7 years ago

I am using the unwind theme. There is an option to select what colour you want links to be. It can not be white or some do not show up. However, whatever colour this is, it creates a square background behind the featured image of the product on the shop page (but not the product page) as it technically is a link to the product. Can I turn the background colour off but still have all other links not connected to woocommerce the colour I want?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 7 years, 11 months ago

    Hi Softwareprofs,

    Do you have a public URL where we can take a look at what’s going on?

  2. softwareprofs 7 years, 11 months ago

    Hi Alex,

    Yes please see this link http://erp.profs.biz/shop/ as you can see from the shop icon in the menu I have changed links to blue but the products in the shop are also blue around the images. They are fully blue because the images are also blue

  3. Alex S Staff 7 years, 11 months ago

    Hi Softwareprofs,

    Ah. I understand. Okay, so the issue here is that the featured image you’re using isn’t transparent which is why the background isn’t visible. You’ll need to either add the desired background to the featured image (not recommended) or use product images that are either transparent or smaller than the typical featured image box. Does that make sense?

  4. softwareprofs 7 years, 11 months ago

    Is there a way to make the background of the products white but leave other links blue. If I change the link colour in customize it works but other links disappear to them also being white

  5. Alex S Staff 7 years, 11 months ago

    Hi Softwareprofs,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .woocommerce ul.products li.product .loop-product-thumbnail {
        background: #fff;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread