Hirdetés
- One mobilszolgáltatások
- Samsung Galaxy A55 - új év, régi stratégia
- Kezünkben a OnePlus 15 és az Oppo Find X9-ek
- Google Pixel topik
- Xiaomi 15T Pro - a téma nincs lezárva
- Okosóra és okoskiegészítő topik
- Szívós, szép és kitartó az új OnePlus óra
- Az iPhone Air buktája elkaszálhatta vékonyítási lázat
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- iOS alkalmazások
-
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
- Lenovo ThinkPad P15 Gen 1 Tervező Vágó Laptop -50% 15,6" i7-10750H 16/512 QUADRO T1000 4GB
- Lenovo ThinkPad P15 Gen 1 Tervező Vágó Laptop -50% 15,6" i7-10750H 16/512 QUADRO T1000 4GB
- Boya BY M1/AV Jefe TCM-100 lavalier mikrofonok
- Mantona Luis Retro kamera hátizsák fekete
- 2db Sony 128GB Uhs-II/U3/V90 és 1db Kingston 256GB Uhs-II/C10/V90
- REFURBISHED - DELL Thunderbolt Dock WD19TBS (210-AZBV)
- ÁRGARANCIA!Épített KomPhone Ryzen 7 5700X 16/32/64GB RAM RTX 3060 12GB GAMER PC termékbeszámítással
- HDTV HD010 kül/beltéri FULL HD/4K tv antenna / 12 hó jótállás
- ÁRGARANCIA!Épített KomPhone Ryzen 5 7500F 32/64GB RAM RX 7800 XT 16GB GAMER PC termékbeszámítással
- ÚJ! AKRacing Arctica gamer szék
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: Laptopműhely Bt.
Város: Budapest



