×
Bitte immer Live Url, PHP Version, Template Version und Template Name angeben
[GELÖST] CSS Overrides im Template Ultimate
- ML
- Autor
- Junior Boarder
- Beiträge: 37
- Dank erhalten: 0
[GELÖST] CSS Overrides im Template Ultimate wurde erstellt von ML
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
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
- Moderator
- Beiträge: 2166
- Dank erhalten: 327
joomlaplates antwortete auf [GELÖST] CSS Overrides im Template Ultimate
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/
3 Jahre 3 Monate her
#2
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ML
- Autor
- Junior Boarder
- Beiträge: 37
- Dank erhalten: 0
ML antwortete auf [GELÖST] CSS Overrides im Template Ultimate
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
3 Jahre 3 Monate her
#3
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
- Moderator
- Beiträge: 2166
- Dank erhalten: 327
joomlaplates antwortete auf [GELÖST] CSS Overrides im Template Ultimate
3 Jahre 3 Monate her
#4
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ML
- Autor
- Junior Boarder
- Beiträge: 37
- Dank erhalten: 0
ML antwortete auf [GELÖST] CSS Overrides im Template Ultimate
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
3 Jahre 3 Monate her
#5
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Dirk
- Senior Boarder
- Beiträge: 46
- Dank erhalten: 3
Dirk antwortete auf [GELÖST] CSS Overrides im Template Ultimate
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 ?
Bitte Anmelden oder Registrieren um der Konversation beizutreten.