The new screenshot is exactly what I am trying to do with quick view button. I wanted to show you an example because you said to comment out left & width but that only returns the quick view button to default full-width.
body .quick-view-button { position: absolute; bottom: 0; /* left: 31px; width: 83%;*/ margin: 0; padding: 7px 0px; opacity: 0; visibility: hidden; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 15; background-color: rgba(0, 0, 0, 0.7); }
In the new example screenshot the button is not full-width and is raised. Their site have it how I would like also. I can do this on shop page BUT It doesn't work on woo products slider in single product page.
The div for slider is: related-products clearfix
How can I have the quick-view-button exactly like example screenshot on both pages? (shop and single product page on related product slider)
Hey Max
The new screenshot is exactly what I am trying to do with quick view button. I wanted to show you an example because you said to comment out left & width but that only returns the quick view button to default full-width.
body .quick-view-button {
position: absolute;
bottom: 0;
/* left: 31px;
width: 83%;*/
margin: 0;
padding: 7px 0px;
opacity: 0;
visibility: hidden;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 15;
background-color: rgba(0, 0, 0, 0.7);
}
In the new example screenshot the button is not full-width and is raised. Their site have it how I would like also. I can do this on shop page BUT It doesn't work on woo products slider in single product page.
The div for slider is: related-products clearfix
How can I have the quick-view-button exactly like example screenshot on both pages? (shop and single product page on related product slider)
Try to use next example:
body .quick-view-button {width: auto;
left: 50%;
padding-left: 10px;
padding-right: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 20%;
}