How To Change Wishlist Page CSS
.wishlist-page .page-title {
margin: 0 0 -1px;
}
.wishlist-content {
margin: 0 0 20px;
}
.wishlist-content .message-error {
margin: 20px 0;
}
.wishlist-content .table-wrapper {
margin: 0 0 30px;
}
.wishlist-content .product-content {
min-width: 300px;
text-align: left;
}
.wishlist-content .tax-shipping-info {
margin: 0 0 20px;
text-align: center;
}
.wishlist-content .tax-shipping-info a {
color: #4ab3f1;
}
.wishlist-content .tax-shipping-info a:hover,
.wishlist-content .tax-shipping-info a:focus {
text-decoration: underline;
}
.wishlist-content .buttons {
font-size: 0;
}
.wishlist-content .button-2 {
display: block;
width: 250px;
margin: 0 auto 3px;
border: none;
padding: 10px 25px;
text-align: center;
line-height: 20px;
font-size: 15px;
color: #fff;
}
.wishlist-content .update-wishlist-button,
.wishlist-content .wishlist-add-to-cart-button {
background-color: #4ab2f1;
text-transform: uppercase;
}
.wishlist-content .update-wishlist-button:hover,
.wishlist-content .update-wishlist-button:focus,
.wishlist-content .wishlist-add-to-cart-button:hover,
.wishlist-content .wishlist-add-to-cart-button:focus {
background-color: #248ece;
}
.wishlist-content .email-a-friend-wishlist-button {
background-color: #aaa;
}
.wishlist-content .email-a-friend-wishlist-button:hover,
.wishlist-content .email-a-friend-wishlist-button:focus {
background-color: #999;
}
.wishlist-page .share-info {
text-align: center;
}
.wishlist-page .share-info span {
display: block;
margin: 0 0 5px;
}
.wishlist-page .share-info a {
font-weight: bold;
color: #444;
}
.wishlist-page .share-info a:hover,
.wishlist-page .share-info a:focus {
color: #4ab2f1;
}
.wishlist-page .no-data {
margin: 25px 0 0;
}
@media all and (min-width: 481px) {
/*** WISHLIST ***/
.wishlist-content .button-2 {
display: inline-block;
width: auto;
min-width: 140px;
margin: 0 1px 5px;
}
}
}
Modified at 2024-08-27 11:55:42