Cart title and text colors, “magnified glass” and shop columnns display

[Diego Letelier]

Hello Zex

My last post was marked as spam I guess because I don´t see it.

Anyhow, how can you help me with this title and text colors?

https://prntscr.com/sd677g

The “the magnified glass” that I was referring to, I wish it could be removed?

https://prntscr.com/sdeny2

And las one, when I go to the shop page, it is displaying two columns on mobile, can it display just one on mobile?

https://prntscr.com/senzmq

Thank you!

[Zex]

Hello, Diego!

Here are the codes for you:

/*remove the magnified glass icon*/
.woocommerce-product-gallery__trigger{
    display: none;
}
/*Cart total colors*/
.cart_totals td,
.cart_totals h2{
    color:white!important;
}

/*mobile view one column*/
@media (max-width: 560px){
ul.products:not(.columns-1) li {
    width: 100% !important;
  }
}
/*footer widgets width fix*/
@media (max-width: 479px){
.container {
    width: 100% !important;
  }
}

Regards

[Diego Letelier]

Thank you!

The work perfect, but I didn´t explain myself correctly in regard to the magnifying glass. I would like to keep it on the page, just the function of the mouse over we don´t want it. Can we have that? Just the “magnifying glass” but not the mouse over function that has?

Thanks again for your great support.

Regards.

[Zex]

Hi,

In that case, instead of removing the magnifying glass icon code,
use the next:

/*remove the magnified glass on hover*/
.woocommerce div.product div.images img.zoomImg{
    display: none!important;
}

Regards

[Author]

Posts