jhaustein
Goto Top

Farbänderung in woocommerce über zusätzliches css

Hallo Gemeinschaft,

habe einen woocommerceshop, der so von diesem hersteller kommt - leider habe ich kein support mehr - man kann aber mit zusätzlichem css arbeiten

wenn ich nun den button add to cart in einer anderen farbe und einem anderen alphawert haben möchte, was müsste ich dann im css bereich eintzragen

https://envothemes.com/envo-shop/product/polo-t-shirt/

Content-Key: 3251589105

Url: https://administrator.de/contentid/3251589105

Printed on: March 1, 2024 at 04:03 o'clock

Member: MrCount
MrCount Jul 04, 2022 at 12:34:24 (UTC)
Goto Top
Servus,

versuche mal
.woocommerce div.product form.cart .button {
  background-color: white;
}
Member: jhaustein
jhaustein Jul 04, 2022 at 12:52:59 (UTC)
Goto Top
klasse - und wenn ich die schrift ändern möchte
Member: jhaustein
jhaustein Jul 04, 2022 at 12:57:24 (UTC)
Goto Top
kann man vielleicht auch den alphawert ändern
Member: MrCount
MrCount Jul 04, 2022 at 13:08:48 (UTC)
Goto Top
Zitat von @jhaustein:

klasse - und wenn ich die schrift ändern möchte

http://www.css-lernen.net/schriftformatierung.html
Member: jhaustein
jhaustein Jul 04, 2022 at 13:16:31 (UTC)
Goto Top
wenn ich es so mache, dann kommt keine Veränderun

.woocommerce div.product form.cart .button {
background-color: black, normal;
}
Member: MrCount
MrCount Jul 04, 2022 at 13:25:21 (UTC)
Goto Top
was passiert bei:
.woocommerce div.product form.cart .button {
background-color: black;
}
oder
div.product form.cart .button {
background-color: black;
}
??
Member: jhaustein
jhaustein Jul 04, 2022 at 13:31:25 (UTC)
Goto Top
bei zwei passiert nichts - beim ersten code habe färbt es sich schwarz - nur es ist eben noch ein alpha wert dabei, der es wieder abschwächt

wie kann man das ändern
Member: jhaustein
jhaustein Jul 04, 2022 at 13:33:23 (UTC)
Goto Top
egentlich müsste ich es anders haben , wenn noch nicht alle items für den kauf ausgewählt wurden - der button also inaktiv ist, diese eigenschaften müsste ich ändern können
Member: MrCount
MrCount Jul 04, 2022 at 13:41:40 (UTC)
Goto Top
du kannst mal
.woocommerce div.product form.cart .button {
background-color: #000000;
}
probieren.

Ansonsten musst du dich wohl entweder an den Support wenden oder eingehender mit CSS befassen und dir das Template genauer anschauen.


Zitat von @jhaustein:

egentlich müsste ich es anders haben , wenn noch nicht alle items für den kauf ausgewählt wurden - der button also inaktiv ist, diese eigenschaften müsste ich ändern können

z.B.:
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  background-color: blue;
}

Wenn du im Browser die Taste F12 drückst, dann kannst du nach den Classes etc. selber suchen.
2022-07-04 15_40_30-polo t-shirt - envo shop
Member: jhaustein
jhaustein Jul 04, 2022 at 13:45:44 (UTC)
Goto Top
prima und wenn man jetzt noch den alphawert auf 100% setzen könnte - das waere spitze
Member: MrCount
MrCount Jul 04, 2022 at 13:49:18 (UTC)
Goto Top
Zitat von @jhaustein:

prima und wenn man jetzt noch den alphawert auf 100% setzen könnte - das waere spitze

https://www.w3schools.com/css/css3_colors.asp
Member: godlie
godlie Jul 04, 2022 at 13:52:36 (UTC)
Goto Top
Hallo,

da gibt es 2 Möglcihkeiten entweder über eine rgba background-color, oder die opacity überschreiben

Variante 1 mit RGBA ( letzer wert ist die Transparanz ( Alpha ) )
.woocommerce div.product form.cart .button {
background-color: rgba(0, 0 , 0 , 1);
}

Variante 2 mit opacity
.woocommerce div.product form.cart .button {
background-color: #000000;
opacity: 1;
}

Sollte die opacity nicht genommen werden evtl. ein !important dazugeben
Member: jhaustein
jhaustein Jul 04, 2022 at 14:04:42 (UTC)
Goto Top
top
Member: michi1983
michi1983 Jul 04, 2022 at 14:36:56 (UTC)
Goto Top
Wenn du den Alphawert ändern möchtest, musst du mit RGB oder HSL arbeiten.

Gruß
Member: MrCount
MrCount Jul 05, 2022 at 06:44:54 (UTC)
Goto Top
Zitat von @jhaustein:

top

Kannst du bitte noch die Beiträge entsprechend markieren, die dir zur Lösung geholfen haben? face-wink

Merci