-
Mobilarena
WordPress tartalom kezelő rendszer (CMS) topik
Új hozzászólás Aktív témák
-
vic999
csendes tag
válasz
regenyid #5848 üzenetére
Tehát azt akarod, hogy ne legyen színváltozás, ha felé viszik az egeret?
.woocommerce a.button.alt:hover, .woocommerce a.button:hover {
background:#333;
}Termék oldal:
.woocommerce button.button.alt:hover, .woocommerce button.button:hover {
background:#333;
}Kosár oldal - tovább a pénztárhoz:
.woocommerce a.button.alt:hover, .woocommerce a.button:hover {
background:#333;
} -
vic999
csendes tag
válasz
regenyid #5843 üzenetére
Kosár oldal tovább a pénztárhoz:
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #333;
}Pénztár oldal megrendelés elküldése:
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
background: #333;
}"Azt valamiért nem eszi meg, illetve ahogy ráviszem az egeret lila színre vált. Gondolom két helyen van megadva neki egy világosabb lila és egy sötétebb."
Ez az ún. hover. Melyiknél szeretnéd módosítani?
-
vic999
csendes tag
válasz
regenyid #5841 üzenetére
Ha a katalógus oldalon lévő kosár gombra gondolsz, az ez lesz:
woocommerce ul.products li.product .button {
background:#333;
color:#fff;
}Az árak a katalógus oldalon:
.woocommerce ul.products li.product .price .amount {
color:#000;
}Árak a termék oldalon:
.entry-summary p.price span {
color:#000;
}Akció logó:
.product .onsale {
background:#333;
color:#fff;
}Ezek csak háttér/betűszínek, de bármit hozzáadhatsz természetesen.
"Azt hiszem rájöttem ennek a lényegére.
F12-vel megkeresem az adott div-et és az adott mezőt, és onnan kitudom másolni konkrétan a kódot amit CSS szekesztőbe beillesztek."
Igen, leegyszerűsítve körülbelül ennyi ez a része -
vic999
csendes tag
válasz
regenyid #5835 üzenetére
Próbáld meg ezzel:
.woocommerce div.product form.cart .button{
background-color: #333;
color: #FFFFFF;
}ez elvileg a termékoldalon változtatja a gombszínét. természetesen a #333 helyére kerül annak a színnek a színkódja, amilyen színűvé szeretnéd a hátterét. a color #fff pedig azt jelenti, hogy fehér legyen a rajta lévő szöveg.
-
#57018880
törölt tag
válasz
regenyid #5829 üzenetére
.woocommerce ul.order_details li strong {
margin-top: 1em;
}
.entry-content ul.woocommerce-order-overview > li {
background: none;
}Ha arra gondolsz, hogy a pötty rálóg a szövegre.
Ezeket az aktív (remélhetőleg child templated) utolsó .css-be érdemes tenni: /wp-content/themes/mantra/style.css
-
vic999
csendes tag
válasz
regenyid #5829 üzenetére
Az árak és gombok színét akár a sablonodban is állíthatod, ez változó. Ha nincs rá beépített funkció, akkor custom css-el kedvedre formálhatod. Az árakat hol akarod más színűvé tenni? A termék oldalon vagy a katalógus oldalon? Milyen sablont használsz?
A rendelés összesítő alatt a Köszönjük vásárlását oldalt érted vagy az emailt?
Új hozzászólás Aktív témák
Hirdetés
- Xiaomi Redmi 9A 32GB Kártyafüggetlen 1Év Garanciával
- Azonnali készpénzes INTEL CPU NVIDIA VGA számítógép felvásárlás személyesen / postával korrekt áron
- SZÜNETMENTES TÁPOK
- Lenovo ThinkPad X270 (16) - i5-7300U, 16GB, 512GB SSD, 12" FULL HD
- Apple iPhone 14 Pro Max / 256 GB / 88% akkumulátor / 1év Garanciával / Gyári Független
Állásajánlatok
Cég: PC Trade Systems Kft.
Város: Szeged
Cég: Promenade Publishing House Kft.
Város: Budapest