Swift Page Builder

[gregcatmull]

When using the Single Image element with a page link, when you hover over the picture a transparent coloured block covers the image with a ‘link’ symbol.

is there a way to remove the link symbol. I quite like the block transparent colour which cover the image.

if this is not possible is there a way of removing the hover over colour and just simply having a clickable image?

cheers
Greg

[Kyle – SUPPORT]

To remove the link icon add this custom css:

.overlay i {
  display: none;
}

To remove the hover effect completely, add this:

.overlay {
  display: none;
}

– Kyle

[gregcatmull]

This didn’t work..

.overlay i {
display: none;
}

[Kyle – SUPPORT]

Please provide me with a link so I can check the css

– Kyle

[gregcatmull]

shop.garsons.co.uk

[Kyle – SUPPORT]

This should work:

.overlay .thumb-info i {
  display: none;
}

– Kyle

[gregcatmull]

still not working

sorry to be a pain

cheers
Greg

[Kyle – SUPPORT]

You’ve got it within your media query, you haven’t closed the first query here:

@media only screen and (max-width: 479px) { .woocommerce-count-wrap {
  display: none;
}
body .woocommerce-shop-page ul.products li.product, body .product_list_widget > div > ul.products li.product {
  width: 100%!important; 
}

If you reduce you screensize to less than 479px you will see the css works

– Kyle

[gregcatmull]

yes that great, but I don’t want the link icon at all not just on mobiles.

[gregcatmull]

Sorry ignore me, I’ve fixed it, I was being an idiot.

cheers!
Greg

[Kyle – SUPPORT]

Ok no problem 🙂

– Kyle