Jump to content

change the quick view font background


Recommended Posts

Hello

 

I have successfuly changed the font colour itself of the "quick view", however it has a dark background behind the font which is due to the inherited style (which i dont wish to change) i just want to alter the font background for the quick view only without it affecting other parts of the site.

 

When i add" background: transparent; " just under the line where i successfully changed the font colour, instead of it changing the background of the font, it changes the background of the outer square.

 

how can i change the background of the actual text font?

 

please see attatched image for better understanding.

 

Image3.jpg

Link to comment
Share on other sites

product-list.css

ul.product_list .product-image-container .quick-view {
font: 700 13px/16px Arial, Helvetica, sans-serif;
color: #777676;
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -53px;
padding: 13px 0 0;
background: rgba(255, 255, 255, 0.82);
width: 107px;
height: 43px;
text-align: center;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
}

change background param

Link to comment
Share on other sites

×
×
  • Create New...