Home>Support>No background colour in shop page for products

No background colour in shop page for products

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Softwareprofs,

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

  2. 6 years, 7 months ago softwareprofs

    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. 6 years, 7 months ago Alex S
    Hi, I Work Here

    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. 6 years, 6 months ago softwareprofs

    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. 6 years, 6 months ago Alex S
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More