WooCommerce – Rahmen um Bilder setzen

Nach reichlicher Suche im WWW habe ich nun eine einfache Möglichkeit gefunden, um meinen Bildern im Online-Shop einen Rahmen zu verpassen. Setze einfach diesen Code in die style.css (am besten via Child-Theme oder dem Plugin Simple Custom CSS) und passe diesen nach deinen Wünschen an:

/* BORDER ADDED TO IMAGES E6E6E6*/
ul.products li.product img {
border: 5px solid #F7F7F7; }

/* BORDER TO SINGLE PRODUCKT IMAGES */
.single-product div.product .images .woocommerce-main-image img {
  border:2px solid #F7F7F7;
}

/* BORDER TO PRODUCT THUMBNAILS */
div.product div.images div.thumbnails img {
  border:2px solid #F7F7F7;
}

Schreibe einen Kommentar

WordPress spam blocked by CleanTalk.