Hi,
Danke für dein riesen Engagement und Gratulation für dein fundiertes Wissen. Die CSS mache ich mit Dreamweaver. Der zeigt mir auch gleich irgendwelche Syntax-Fehler an. Habe die CSS auch noch einmal händisch durchgesehen. Aber passt eigtl. alles.
Habe auch verschiedene Browser probiert. Die reagieren alle gleich.

Die custom.css wird lt. Quelltext auch NACH der theme.css geladen, das wäre auch ok.

Die einzige CSS-Anweisung (custom.css) , die der Firebug als custom.css anzeigt ist :

.logobar {
background-color: rgba(120, 104,84, 0.9) !important;
background-color: rgb(120, 104,84, 0.9) !important;

}

Die ca. 30 weiteren Anweisungen, die ich in der custom.css habe, werden ignoriert und Firebug verweist auf die theme.css

Ist schon seltsam?!

Hi vebewi,
du schreibst

Der zeigt mir auch gleich irgendwelche Syntax-Fehler an

Diese Fehler musst du natürlich korrigieren.

background-color: rgba (120, 104,84, 0.9) !important;

Muss ich mal testen, aber ich vermute, dass es sicherlich Syntax-Fehler gibt, bei denen das Parsen der CSS-Datei komplett abgebrochen wird.
Wird einer Regel ein ungültiger Wert zugewiesen, wird das wahrscheinlich einfach ignoriert.
Aber guter Stil ist natürlich, sämtliche Warnung/Fehler des Validators konsequent zu berücksichtigen.
Sich auf die Fehlertoleranz des Browsers zu verlassen, führt zu unvorhersehbaren Ergebnissen.
Aber wenn auch das nicht hilft, wäre es sinnvoll, die Seite entweder hochzuladen oder das Angebot des Chefs anzunehmen, eine Teamviewersitzung zu starten.
mfg
Christian

Nein, hast mich falsch verstanden. Der Dreamweaver würde mir Fehler anzeigen, wenn ich welche hätte. Hab ich aber nicht. (So meinte ich das)


Gruß

Hi,
hier die custom.css


/* CSS Document */


/*Farbe main nav*/
.logobar {
background-color: rgba(120, 104,84, 0.9) !important;
background-color: rgb(120, 104,84, 0.9) !important;

}


/* ========================================================================
Component: Navbar
========================================================================== */
.uk-navbar {
background-color: rgba(123, 63,91, 0.7) !important;
color: #d79000;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: rgba(104, 171,78, 0.7) !important;
color: #ffffff;
/* 3 */
outline: none;
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
background-color: rgba(104, 171,78, 0.7) !important;
color: #ffffff;
}

/* Section Logobar
========================================================================== */
.logobar {
background: #111111;
}
.logo a {
color: #ffffff;
}
.logobar,

.logobar h2,
.logobar h3,
.logobar h4,
.logobar h5,
.logobar h6 {
color: #ffffff;
}
.uk-navbar-toggle {
color: #ffffff;
}


.rt-logo-block {

background:url(../images/logo.png) no-repeat 0 0;height:128px; width:198px;margin:0; margin-top:0px; margin-left:0px; margin-bottom:0px; z-index: 1000;
position: absolute !important;
}
.rt-logo-block {
position: absolute !important;
transition: top 0.2s ease 0s;
}


.toolbar-outer {

background: #7a3e5a;
color:#FFFFFF;

}

/* Toolbar Right
========================================================================== */
.toolbar-r {
line-height: 80px;
display: inline;
}

a.readon {padding:5px 30px;margin:0px 0;border:1px solid #fff;display:inline-block; color:#fff !important; text-transform:uppercase;}
a.readon:hover {padding:5px 30px;margin:0px 0;border:1px solid #ccc;display:inline-block;text-decoration:none}



.uk-dropdown-width-2:not(.uk-dropdown-stack) {

width: 480px;
z-index:100000 !important;
}



.uk-dropdown-navbar {

margin-top: 0;
background-color: rgba(123, 63,91, 0.8 !important;
color: #fff;
z-index:100000 !important;


/*Z 1.889 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background-color: rgba(141, 155,0, 1.0) !important;
color: #ffffff;
/* 2 */
outline: none;
}






/* Section Images
========================================================================== */

#top-b, #top-b h1, #top-b h2, #top-b h3, #top-b h4, #top-b h5, #top-b h6 {

color: #fff;

}
#top-b {

background-color: #000;
}

#top-d {

background-color: #fff !important;
}


#top-a, #top-b, #top-c, #top-d, #bottom-a, #bottom-b, #bottom-c, #bottom-d {

background-attachment: fixed;
background-position: cover;
}



/* Media Query 768
========================================================================== */
@media screen and (max-width: 1024px) {
#top-a, #top-b, #top-c, #top-d, #bottom-a, #bottom-b, #bottom-c, #bottom-d {
background-attachment: scroll !important;
background-position: cover;
}
}



/* Features - Layout Slideshow - Colors */
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {background: #000;color: #fff;box-shadow: 1px 1px 1px rgba(255,255,255,0.5);}
.layout-slideshow .slideshow-content { background-color: rgba(81, 81,81, 0.7) !important;
color: #fff; max-width:600px}
.layout-slideshow .sprocket-features-desc {}
.layout-slideshow .sprocket-features-desc h3 {color: #fff;font-size:34px; text-transform:uppercase; line-height:1.7}

/* test - deaktiviert
.bg_image.textframe .inner-frame {

background-color: rgba(0,0,0,0.15);
border: 2px solid #fff;
padding: 60px;
color: #fff;
box-shadow: 0 0px 0 20000px rgba(255,255,255,0.9);
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 100%;
margin: auto;

}
.row {

display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;

}

.bg_image {

background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 630px;
position: relative;
margin-bottom: 50px;
background-attachment: fixed;

}
*/



.absolute .uk-icon-button {

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
margin: 0 !important;
margin-top:100px !important;

}




/*
* Sub-modifier: `uk-panel-box-primary`
*/
.uk-panel-box-primary {
background-color: #990000;
color: #ffffff;
}
.uk-panel-box-primary-hover:hover {
color: #ffffff;
}
.uk-panel-box-primary .uk-panel-title {
color: #ffffff;
}
/*
* Sub-modifier: `uk-panel-box-secondary`
*/
.uk-panel-box-secondary {
background-color: rgba(123, 63, 91, 0. !important;
color: #ffffff;
}
.uk-panel-box-secondary-hover:hover {
color: #ffffff;
}
.uk-panel-box-secondary .uk-panel-title {
color: #ffffff;
}




/* Section Top A
========================================================================== */
#top-a {
background-color: #ffffff;
}
#top-a a {
color: #ffffff;
}
#top-a,
#top-a h1,
#top-a h2,
#top-a h3,
#top-a h4,
#top-a h5,
#top-a h6 {
color: #222222;
}
/* Section Top B
========================================================================== */
#top-b {
background-color: #000000;
}
#top-b a {
color: #ffffff;
}
#top-b,
#top-b h1,
#top-b h2,
#top-b h3,
#top-b h4,
#top-b h5,
#top-b h6 {
color: #ffffff;
}



/* Section Top C
========================================================================== */
#top-c {
background-color: #000 !important;
}
#top-c a {
color: #ffffff;
}
#top-c,
#top-c h1,
#top-c h2,
#top-c h3,
#top-c h4,
#top-c h5,
#top-c h6 {
color: #ffffff;
}
/* Section Top D
========================================================================== */
#top-d {
background-color: rgba(255, 255, 255, 0.;
}
#top-d a {
color: #222222;
}
#top-d,
#top-d h1,
#top-d h2,
#top-d h3,
#top-d h4,
#top-d h5,
#top-d h6 {
color: #ffffff;
}


.sprocket-tables-bg2 {

background: #f0f0f0;
color: #333 !important;

}

.sprocket-tables-bg1 {

background: #ffb300 !important;

}

Hi,
bei Durchsehen habe ich zwei Fehler gefunden: Sowie:
Der vorstehende Fehler führt dazu, dass ab hier alles Weitere ignoriert wird.

mfg
Christian

Hi,
das ist nicht mein erstes joomla template. Mal zusammenzählen: vielleicht Hundert. Aber dass die custom.css nicht geladen wird, habe ich noch nie gehabt. Auch nicht von anderen Herstellern. Dass Sie keinen Support für CSS Dateien übernehmen, verstehe ich , brauche ich aber auch nicht.
Ich habe mir soeben die Arbeit gemacht, das Template POWER komplett neu zu installieren. Habe eine custom.css angelegt und irgendwas aus der theme.css reingeschrieben. Gleicher Effekt. Das Template geht nicht auf die custom.css! Definitiv
Egal obe !important oder nicht!

Schönen Abend noch.

MfG