Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernommmen

[schrift2000]

Hallo liebes Forum,

ich verwende für die mobilen Endgeräte das Mobile Template.

Ich habe dort eine eigene CSS-Datei hinterlegt und dort alle Änderungen notiert mit important! dahinter.

Trotzallem werden einige Farb- und Positionsänderungen etc. nicht überschrieben/übernommen,
auch wenn ich die Zeilen direkt in der Originaldatei ändere, passiert nichts.

Aber einiges geht .... leider steige ich da nicht so hinter wieso manches geht und manches nicht.

Vielleicht habt ihr ja eine Lösung für mich.

Vielen Dank schonmal für eure Antworten!

Viele Grüße
s2t

 

[ag-websolutions.de]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Es muss heißen

!important

und nicht

important!

 

[schrift2000]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Entschuldigung, das oben ist ein Schreibfehler, anstonsten würde es in der CSS-Datei auch nicht rot angezeigt werden, ist bei mir aber rot.

Naturlich !important ... danke

 

[ag-websolutions.de]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

OK, kann man ja nicht wissen

Ohne konkreten Link und ohne die css-Wertigkeit zu kennen, kann man jetzt nur Mutmaßungen anstellen

 

[schrift2000]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Das ist ist der Inhalt meiner eigenen CSS-Datei für das Mobile-Template:

.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family: 'Hind', sans-serif !important;
}
.ui-bar-b {
    background: #005C27 linear-gradient(#069147, #005C27) repeat scroll 0 0 !important;
    border: 1 px solid #ccc !important;
    color: #fff !important;
}

.ui-body-e, .ui-overlay-e {
    background: #D3E3DA linear-gradient(#F0FFF7, #D3E3DA) repeat scroll 0 0 !important;
    border: 1px solid #D3E3DA;
    color: rgb(34, 34, 34);
    text-shadow: 0 1px 0 rgb(255, 255, 255);
}

.submit ui-btn-hidden{
      background: #D3E3DA linear-gradient(#F0FFF7, #D3E3DA) repeat scroll 0 0 !important;
}

.ui-btn-up-b{
    border:1px solid #005C27 !important;
    background:#005C27 !important;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#069147),to(#005C27) !important;
    background-image:-webkit-linear-gradient(#069147,#005C27) !important;
    background-image:-moz-linear-gradient(#069147,#005C27) !important;
    background-image:-ms-linear-gradient(#069147,#005C27) !important;
    background-image:-o-linear-gradient(#069147,#005C27) !important;
    background-image:linear-gradient(#069147,#005C27) !important;
}


.ui-btn-hover-b{
    border:1px solid #069147 !important;
    background:#069147 !important;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#005C27),to(#069147) !important;
    background-image:-webkit-linear-gradient(#005C27,#069147) !important;
    background-image:-moz-linear-gradient(#005C27,#069147) !important;
    background-image:-ms-linear-gradient(#005C27,#069147) !important;
    background-image:-o-linear-gradient(#005C27,#069147) !important;
    background-image:linear-gradient(#005C27,#069147) !important;
}


[B].ui-btn-up-e {
    border:1px solid #005C27 !important;
    background:#005C27 !important;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#069147),to(#005C27) !important;
    background-image:-webkit-linear-gradient(#069147,#005C27) !important;
    background-image:-moz-linear-gradient(#069147,#005C27) !important;
    background-image:-ms-linear-gradient(#069147,#005C27) !important;
    background-image:-o-linear-gradient(#069147,#005C27) !important;
    background-image:linear-gradient(#069147,#005C27) !important;
    border: 1px solid rgb(244, 198, 63) !important;
    color: #fff !important;

}[/B]

Der letzte Eintrag ganz unten in Fett funktioniert zum Beispiel nicht.

 

[schrift2000]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Hat wirklich keiner eine Lösung für mich?

Oder werden noch mehr Infos benötigt?

 

[ag-websolutions.de]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Bitte mal Link zum live-sehen

Was verstehst du eigentlich unter "Mobile"-Template.

Der JTL- Shop 4 kommt im Standard mit 1 Template raus, welches responsive ist und damit für alle Gerätearten (egal ob Desktop oder Mobile) verwendet wird.

 

[schrift2000]

AW: Mobile-Template – trotz eigener CSS-Datei werden einige Änderungen nicht übernomm

Wir verwenden den JTL- Shop 3 und diese Templates:

Für Standard-Browser: JTL-Shop3-Tiny
Für mobile Endgeräte: JTL-Shop3-Mobile

Bei beiden verwende ich zusätzlich auch ein eigenenes Template.

Hier der Link: www.test.nieder24.de

*Es geht aber nur um das Template für mobile Endgeräte, wo manche CSS-Angaben leider nicht greifen.