Bitte immer Live Url, PHP Version, Template Version und Template Name angeben
[GELÖST] CSS Overrides im Template Ultimate
- ML
-
Autor
- Junior Mitglied
-
- Beiträge: 37
- Dank erhalten: 0
Hallo,
Joomla: 3.10.2
UIkit 3 Framework Plugin: 3.5.18
Astroid: 2.5.4
Ich bin grad am probieren mit dem Template "Ultimate",
da fass ich mal kurz zusammen.
Es gibt drei Möglichkeiten CSS-Overrides umzusetzen.
1. im Template direkt unter "Benutzerdefinierter Code"
2. in der "custom.css", liegt unter templates / tp_ultimate / css / custom.css
3. in Folge einer selbsdefinierten CSS-Datei die ich angelegt habe:
liegt unter templates / tp_ultimate / css / css2.css,
diese ist natürlich im Template folgendermaßen eingebunden:
../templates/tp_ultimate/css/css2.css
Die Overrides die im Template eingebunden werden unter "Benutzerdefinierter Code" und diese
die in der "custom.ccs" drinstehen werden zu 100% abgearbeitet.
Wenn ich die selben in meine angelegte css2.css reinschreibe wird die Formatierung nur teilweise übernommen.
Mal als Beispiel:
der Code funktioniert in der css2.css:
/* Modul Formatierung */
.shadow-sm {
background-image: linear-gradient(-180deg, #F5FCFE 81%, #CEEEF8 100%);
box-shadow: 0 0 5px 0 #dadada;
border: solid 1px #d3d3d3;
border-radius: 5px; }
dieser Code funktioniert nicht in der css2.css:
/* position promo Abstände rausnehmen */
.container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto; }
/* menü zweite ebene oberen rand entfernen */
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
border-top: 0px solid rgb(255,255,255); }
/* menü erste ebene */
.megamenu-container {
padding: 15px 10px;
display: none;
position: absolute;
z-index: 999; }
/* menü zweite ebene */
.megamenu-container.nav-submenu-container {
padding: 0;
margin-top: 10px;
text-align: left; }
Im Prinzip sollte der Code egal welche Variante genutz wird immer greifen, oder gibt es da Einschränkungen?
Viele Grüße
Manfred
Joomla: 3.10.2
UIkit 3 Framework Plugin: 3.5.18
Astroid: 2.5.4
Ich bin grad am probieren mit dem Template "Ultimate",
da fass ich mal kurz zusammen.
Es gibt drei Möglichkeiten CSS-Overrides umzusetzen.
1. im Template direkt unter "Benutzerdefinierter Code"
2. in der "custom.css", liegt unter templates / tp_ultimate / css / custom.css
3. in Folge einer selbsdefinierten CSS-Datei die ich angelegt habe:
liegt unter templates / tp_ultimate / css / css2.css,
diese ist natürlich im Template folgendermaßen eingebunden:
../templates/tp_ultimate/css/css2.css
Die Overrides die im Template eingebunden werden unter "Benutzerdefinierter Code" und diese
die in der "custom.ccs" drinstehen werden zu 100% abgearbeitet.
Wenn ich die selben in meine angelegte css2.css reinschreibe wird die Formatierung nur teilweise übernommen.
Mal als Beispiel:
der Code funktioniert in der css2.css:
/* Modul Formatierung */
.shadow-sm {
background-image: linear-gradient(-180deg, #F5FCFE 81%, #CEEEF8 100%);
box-shadow: 0 0 5px 0 #dadada;
border: solid 1px #d3d3d3;
border-radius: 5px; }
dieser Code funktioniert nicht in der css2.css:
/* position promo Abstände rausnehmen */
.container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto; }
/* menü zweite ebene oberen rand entfernen */
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
border-top: 0px solid rgb(255,255,255); }
/* menü erste ebene */
.megamenu-container {
padding: 15px 10px;
display: none;
position: absolute;
z-index: 999; }
/* menü zweite ebene */
.megamenu-container.nav-submenu-container {
padding: 0;
margin-top: 10px;
text-align: left; }
Im Prinzip sollte der Code egal welche Variante genutz wird immer greifen, oder gibt es da Einschränkungen?
Viele Grüße
Manfred
Last Edit:3 Jahre 7 Monate her
von ML
Letzte Änderung: 3 Jahre 7 Monate her von ML.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2375
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] CSS Overrides im Template Ultimate
Posted 3 Jahre 7 Monate her #2
Hallo,
bitte ausschließlich die Datei:
www.joomlaplates.de/dokumentation/21-sup...efinierter-code.html
docs.joomdev.com/article/astroid-custom-css/
bitte ausschließlich die Datei:
css/custom.cssbenutzen
www.joomlaplates.de/dokumentation/21-sup...efinierter-code.html
docs.joomdev.com/article/astroid-custom-css/
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ML
-
Autor
- Junior Mitglied
-
- Beiträge: 37
- Dank erhalten: 0
Danke für die Antwort !
Aber genau dort wird ja beschrieben das man eigene css-Dateien einbinden und nutzen kann.
Wenn das ein Bug ist der bei einem Update mal verschwindet würde ich das gern wissen damit ich mich darauf einstellen kann.
Gruß
Manfred
Aber genau dort wird ja beschrieben das man eigene css-Dateien einbinden und nutzen kann.
Wenn das ein Bug ist der bei einem Update mal verschwindet würde ich das gern wissen damit ich mich darauf einstellen kann.
Gruß
Manfred
von ML
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2375
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] CSS Overrides im Template Ultimate
Posted 3 Jahre 7 Monate her #4
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ML
-
Autor
- Junior Mitglied
-
- Beiträge: 37
- Dank erhalten: 0
Hi,
ja ist komisch, ich hab jetzt alles in die custom.css reingepackt da funktioniert es.
Gruß
Manfred
ja ist komisch, ich hab jetzt alles in die custom.css reingepackt da funktioniert es.
Gruß
Manfred
von ML
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Dirk
-
- Senior Mitglied
-
- Beiträge: 53
- Dank erhalten: 3
vielleicht wird die "custom.css" zuletzt geladen (nach allen anderen css -> so wie es sein muss um css-overrides hier zu platzieren),
und jene welche man selbst definiert (hier: "css2.css" / "test.css") nicht ?
und jene welche man selbst definiert (hier: "css2.css" / "test.css") nicht ?
Last Edit:3 Jahre 7 Monate her
von Dirk
Letzte Änderung: 3 Jahre 7 Monate her von Dirk.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.