customize Phoca Spectrum in Joomla 6

Phoca Templates - templates for Joomla! CMS
phanti09
Phoca Member
Phoca Member
Posts: 27
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hallo,
ich konnte die angesprochenen Punkte aus dem Post vom 06.02. lösen. Ich habe den Containern Bottom-b bis Bottom-f im Feld Additional Container Class "container-bottom-a" eingetragen. Damit werden die Container alle im gleichen Design angezeigt und ich kann sie über die Container ID aus dem Menü und den Buttons innerhalb der Particle Site-Module aufrufen.
https://imgur.com/a/veLxPdP

Ich verstehe leider immer noch nicht, wie man Einfluss auf das Design bekommt, oder genauer: was tut die Class container-bottom-a und wo finde ich das im Template. Wenn ich nun noch die Hintergrundfarbe des Footers ändern könnte, würde ich die Seite online stellen.
LG
Stefan
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 2963
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Hallo Stefan,

Probiers mal mit:

Code: Select all

.phModParticlesDescTop, .phModParticlesDescBottom {
background: blue;  
}
Liebe Grüße
Christine
phanti09
Phoca Member
Phoca Member
Posts: 27
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hallo Christine,
danke für den Tipp. Leider hilft er nur bedingt :-)
https://imgur.com/a/FwjkT53
LG
Stefan
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 2963
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Hallo Stefan,

dann gib das noch dazu:

Code: Select all

.justify-content-end {
background: blue;  
}
falls zu hoch, gibst halt noch ein: height: 15em;
dazu.
Liebe Grüße
Christine
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 2963
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Ergänzend:
Als Alternative background Farbe (oben ist als Beispiel > blue) kannst Du auch die eingestellte Primärfarbe nehmen:

Code: Select all

.phModParticlesDescTop, .phModParticlesDescBottom {
background: var(--phoca-color-primary);  
}
.justify-content-end {
background: var(--phoca-color-primary);  
height: 15em  
  }
Liebe Grüße
Christine
phanti09
Phoca Member
Phoca Member
Posts: 27
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hallo Christine,
ich hab noch ein bisschen probiert.
Das Ändern der phoca-color-primary habe ich aus dem Spectrum Video guide. Mit der Untersuchenfunktion habe ich dann den richtigen Namen für den Footer Background gefunden und in den code Schnipsel in der user.css eingebaut.

:root, [data-bs-theme=light]{
--phoca-color-primary: #cfe2f3; --> leichtes hellblau
--phoca-container-footer-bg: #999999; --> ein mittlerer Grauton
--phoca-btn-bg-color-primary: var(--phoca-color-primary);
}
Trotzdem danke, durch deinen Hinweis hab ich das gefunden.
LG
Stefan
User avatar
christine
Phoca Hero
Phoca Hero
Posts: 2963
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Hallo Stefan,

Na wunderbar :-)

Eine (generelle) Anmerkung noch:
Kommentare solltest Du statt: --> Kommentar so machen:
/*Kommentar*/

Liebe Grüße
Christine
phanti09
Phoca Member
Phoca Member
Posts: 27
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hallo,
leider gibt es mit dem Spectrum Template in der Kombination mit den Particles 6.1.1 ein neues Problem. Der Login Button sowie der Light-Dark-Switch funktionieren nicht mehr.
Meine Umgebung ist :
Joomla 6.0.3
Spectrum 6.1.3
Particles 6.1.1
Demodaten für Spectrum 6
Das Ganze kann mit einer sauberen Neuinstallation Von Spectrum mit den Demodaten nachvollzogen werden. Werden die Particles auf die Version 6.1.1 installiert, stellt sich das o.g. Problem ein.

Übrigens wenn ich ein Backup meiner Webseite mit dem Horizon Template und den Particles 6.1.1 einspiele und danach das Spectrum Template installiere, habe ich ich Particles wieder in der Verison 6.0.3 und die neuere Version ist verschwunden.
LG
Stefan
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 10066
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: customize Phoca Spectrum in Joomla 6

Post by Benno »

@Jan & @phanti09
leider gibt es mit dem Spectrum Template in der Kombination mit den Particles 6.1.1 ein neues Problem. Der Login Button sowie der Light-Dark-Switch funktionieren nicht mehr.
Meine Umgebung ist :
Joomla 6.0.3
Spectrum 6.1.3
Particles 6.1.1
Demodaten für Spectrum 6
Kann ich mit identischer Konfiguration komplett bestätigen!

Freundliche Grüße,
Benno
Post Reply