CSS per page-id

martinfre

Hallo zusammen,

ich würde gerne bei einem meiner Produkte (WooCommerce) eine Design-Änderung per page-id angeben.

PHP

.page-id-55 span.amount {font-size:62px!important;}

So habe ich es versucht; das funktioniert aber leider nicht.

Könnte mir jmd sagen, wo der Fehler liegt?

Danke und liebe Grüße
Martin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Mathuseo

Hallo Martin, poste doch am besten den Link zu deiner Website, damit wir schauen können warum dein CSS-Befehl nicht funktioniert und wie du es besser machen kannst. Vielen Dank.

martinfre

Alles klar. Die Seite befindest sich noch im Aufbau: http://oat-king.com/produkt/oat-king-protein-pancakes/

Mathuseo

Im Header deiner Seite befinden sich eine Reihe CSS-Befehle. Unter anderem:
span.amount { font-size: 32px!important; }

Den einfach mit deinem eigenen CSS-Befehl ersetzen. Allerdings hat so viel CSS im Header einer Seite auch nichts zu suchen. Du bindest ja eh schon eine ganze Palette CSS-Dateien in deine Website ein. Dann lagere es besser in eine der CSS-Dateien aus, wenn du da eh grad schon dran arbeitest ;)

maxe

und wenn müsste es sowieso postid-55 heißen, ist ja die Einzel-Artikelanzeige:
.postid-55 span.amount {font-size:62px!important;}

Aber wie Mathuseo schon schreibt, steht im head deiner Seite schon eine Formatierung mit !important drin, die wird dann Vorang haben. Das scheint von "custom styles set at your backend" zu kommen, kannst es also im Backend Styleeditor direkt ändern.

moal

Ich würde es mit
[COLOR=#000000]

Code

[COLOR=#007700]#[/COLOR][COLOR=#0000BB]page[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]id[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]55 span[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]amount [/COLOR][COLOR=#007700]{[/COLOR][COLOR=#0000BB]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]size[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]62px[/COLOR][COLOR=#007700]![/COLOR][COLOR=#0000BB]important[/COLOR][COLOR=#007700];}[/COLOR]

[COLOR=#007700][/COLOR][/COLOR]
versuchen, statt mit

Code

[COLOR=#000000][COLOR=#007700].[/COLOR][COLOR=#0000BB]page[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]id[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]55 span[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]amount [/COLOR][COLOR=#007700]{[/COLOR][COLOR=#0000BB]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]size[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]62px[/COLOR][COLOR=#007700]![/COLOR][COLOR=#0000BB]important[/COLOR][COLOR=#007700];}  [/COLOR][/COLOR]

soll ja eine ID angesprochen werden, keine Class.

Ich weiß, dass das Thema älter ist, aber wie man an mir sieht, sucht man ja auch schon mal in älteren Beiträgen nach Lösungen. ;)

moal

Zitat von moal

Ich weiß, dass das Thema älter ist, aber wie man an mir sieht, sucht man ja auch schon mal in älteren Beiträgen nach Lösungen. ;)

Sorry, habe Registrierungsdatum mit Datum der Erstellung verwechselt... :grin:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS per page-id

Jetzt mitmachen!