Farbe ändern

BlackJack · 30. März 2017

Hallo,

ich habe mir ein Template gekauft, welches ich gerne weiter anpassen möchte.
Leider kann ich die Farbe nicht über Joomla direkt verändern, sondern müsste die CCS-Datei bearbeiten.

Wo finde ich die CSS-Datei, in der ich den Farbcode für das Menü ändern kann.
Glaube das war immer: style.css bzw. wo wird die bei Joomla hinterlegt?

Internetseite: https://www.chauvet-professional-by-fischer.de/

Demo:http://demo.joomlaplates.com/#Imo

Indigo66 · 30. März 2017

Das sieht mir sehr nach einen Yootheme Template aus. In den Template-Stilen solltes es einen Customizer dafür geben.
In der Template CSS solltest Du auch nichts ändern, sondern über die vorhandene custom.css überschreiben.

BlackJack · 30. März 2017

Ich habe mittlerweile die Style.css gefunden, die für die Menüfarbe verantwortlich ist.
Nachdem ich die Farbcodes ausgetauscht habe, ist aber keine Änderung zu erkennen.
Die Datei nennt sich : style.less

Code

@utility-container-max-width: 1000px;
@utility-container-large-max-width: 1000px;
@navbar-nav-font-size: 15px;
@navbar-background: #ffffff;
@navbar-nav-height: 60px;
@navbar-nav-line-height: 60px;
@theme_global-background-image: pattern1;
@global-background: #f9f9f9;
@navbar-nav-color: #000;
@navbar-nav-hover-background: #0066cc;
@navbar-nav-onclick-background: rgba(221, 221, 221, 0);
@navbar-nav-active-background: #0066cc;
@navbar-nav-active-color: #fff;
@navbar-nav-hover-color: #fff;
@panel-box-background: #f5f5f5;
@panel-box-primary-background: #0066cc;
@panel-box-primary-color: #ffffff;
@panel-box-primary-title-color: #ffffff;
@panel-box-secondary-background: #f5f5f5;
@panel-box-secondary-color: #000000;
@panel-box-secondary-title-color: #000000;
@tooltip-background: #ffffff;
@tooltip-color: #000000;
@offcanvas-bar-background: #ffffff;
@offcanvas-panel-color: #333333;
@offcanvas-panel-link-color: #999999;
@offcanvas-panel-link-hover-color: #000000;
@dropdown-width: 240px;
@dropdown-background: #ffffff;
@dropdown-animation: uk-slide-top-fixed;
@dropdown-navbar-background: #ffffff;
@global-primary-background: #0066cc;
@global-link-color: #999999;
@global-link-hover-color: #000000;
@button-background: #0066cc;
@button-color: #fff;
@button-hover-background: #000000;
@button-hover-color: #fff;
@base-heading-font-family: 'Oswald';
@icon-button-background: #0066cc;
@icon-button-hover-background: #111111;
@icon-button-color: #fff;
@contrast-inverted-color: #444444;
@navbar-nav-font-family: 'Oswald';
@global-border: #eeeeee;
@article-title-font-weight: 300;
@article-title-text-transform: uppercase;
@base-body-font-weight: normal;
@base-heading-font-weight: 300;
@navbar-nav-font-weight: 300;
@panel-title-font-weight: 300;
@panel-title-text-transform: uppercase;
@search-width: 200px;
@search-focus-width: 240px;
@search-border: rgba(0, 0, 0, 0.84);
@search-background: #eeeeee;
@navbar-nav-padding-horizontal: 20px;
@nav-header-font-weight: normal;
@nav-sub-padding-left: 24px;
@nav-side-active-background: #f9f9f9;
@nav-side-active-color: #000;
@global-background-image: pattern1;

Alles anzeigen

In der Tat gibt es eine custom.css.
Was schreibe ich denn in die custom.css damit im Menü die richtige Farbe angezeigt wird?

Indigo66 · 30. März 2017

Farbe von was, dem aktiven Menüpunkt oder den Hover oder allgemein? Hintergrundfarbe oder Schriftfarbe?
Die Infos brauchen wir dann schon.

BlackJack · 30. März 2017

Ups, sorry... das Blau im Menü soll in #0066cc geändert werden!

Indigo66 · 30. März 2017

Code

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
    background-color: #0066cc;
}

BlackJack · 30. März 2017

Sehr cool. Danke für deine Mühe!
Ich muss das erstmal nachvollziehen.

PS: Leider wird die Farbe nicht auf die Unterlinks angewendet.

Indigo66 · 30. März 2017

Dann vervollständige die Selektoren .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus noch.

BlackJack · 30. März 2017

Danke.

So langsam arbeitet man sich in die Materie ein