Magnifico Grigio Blu Menühöhe ändern

Hallo Marco,
suche folgende Codestellen in der CSS-Definition des Stils und wechsle diese Blöcke aus (ca. ab Zeile 400):

.mainMenu > ul > li > a {
    background-color: #444F5A;
    letter-spacing: 1px;
    padding: 0px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.85rem;
    line-height: 40px;
    color: #FFF;
}

.mainMenu a.icon.icon16.icon-list.jsDropdownEnabled {
    font-size: 1.1rem;
    font-family: FontAwesome;
    line-height: 40px;
    padding: 0px 30px;
    height: 40px;
}

Du kannst Dir die Höhen anpassen an den Stellen line-height: 40px; und height: 40px; - beides muss die gleichen Höhenwerte haben.

Mit freundlichen Gruß
Gino

Ab Zeile 2020 im Shrink Modus folgendes zufügen:

.mainMenu a.icon.icon16.icon-list.jsDropdownEnabled {
    font-size: 1.1rem;
    font-family: FontAwesome;
    line-height: 40px;
    padding: 0px 30px;
    height: 40px;
}
.mainMenu > ul > li.active {
    margin-bottom: 0px;
}

Gino

Hallo !
Genau das gleiche Anliegen hätte ich auch gehabt, die Anpassung wie hier beschrieben hat super geklappt

Danke !

Gruß
Fatman

Hi Gino

Wir sind jetzt auf Version 5.2 umgestiegen und ich hätte für die Version wieder das gleiche Anliegen, das Headermenu muss um fast die Hälfte schmaler wenn es geht.

Das alte .css funktioniert nicht mehr, dann verschieben sich andere Sachen. Kannst du mir das .css dazu schreiben ?

Gruß

Fatman

Hallo,

suche in der CSS-Definition des Stils folgenden Codeblock und ersetze diesen:

.mainMenu .boxMenu > li > a {
    height: 50px;
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -o-transition: 200ms linear 0s;
    transition: 200ms linear 0s;
}

Suche in der CSS-Definition des Stils folgenden Codeblock und ersetze diesen:

.mainMenu {
    margin-top: 230px;
    margin-right: 0px;
}

Gino

Hi und Danke für deine Antwort

So ist es fast gut, jetzt ist nur noch der Graue Balken zu hoch s. Anhang.

Aber nächste Woche kann man auch wieder Stile kaufen bei dir?

Gruß

Fatman

Hi,

Link zur Webseite bitte ( wie eigentlich in JEDER Supportanfrage rein soll, kannst auch dein Userprofil mit deiner Domain aktualisieren damit ich zur Not weiß wo man schauen kann).

Gino ,-)

hi,

ist psxtools.de aber die ist noch im wartungsmodus.

Gruß

Mark

Hallo,

ich konnte nun sehen was angepasst werden soll, suche folgenden Codeblock:

.pageHeaderContainer {
    background: url(../images/bright/headerBG.jpg);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 320px;
    border-bottom: 80px solid rgb(68, 79, 90);
    padding-top: 0px;
}

Ändere dort diese Zeile auf 50px:

border-bottom: 50px solid rgb(68, 79, 90);

Gino

Super !

Vielen Dank für deine Hilfe zu später Stunde

Ich werde nächste Woche noch deine Stile durchschauen, wir suchen noch einen schönen, schlichten dunklen Stil und ab nächste Woche kann man ja wieder bei dir kaufen ?!

Gruß

Fatman

Ab dem 1.Juni darf ich den Shop wieder weiterbetreiben...

Gino

Danke nochmal

Ich habe noch ein paar Sachen:

1.) Ich hätte gerne dass Links, die in Beiträgen geschrieben sind, farblich unterlegt und unterstrichen sind.

2.) Es wäre schöner wenn die Schrift in der linken Seitenleiste in den Beiträge 1 oder 2 Punkte größer wäre.

3.) Auch die Darstellung und Schrift am oberen Rand erscheint mir recht klein (insbesondere bei dem Suchfeld) wenn man da noch etwas vergrößern könnte?

Ich weis, es sind viele Ansprüche für einen kostenlosen Stil

Danke

Gruß

Fatman

Hi,

bitte beachte dass man immer einen neuen Thread aufmachen sollte bei einem neuen Supportwunsch, damit hat man eine bessere Übersicht als Hilfesuchender bei diversen Anliegen...

Um die Buttonschrift im oberen Userpanel anzupassen suche folgenden Codeblock:

.userPanel > ul > li > a {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 8px;
    height: 40px;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -o-transition: 200ms linear 0s;
    transition: 200ms linear 0s;
}

Dort selber die Zeile font-size deinem Bedürfnis anpassen.

Die Schrift des Buttons in der Suche ist bewusst kleiner, da sonst bei längeren Wörtern diese den Button sprengen.

Für die Schriftgröße in der Message Sidebar suche folgende Codeblocks:

.message.messageSidebarOrientationLeft .messageSidebar dl.dataList > dt {
    color: #fff;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #646c75;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.message.messageSidebarOrientationLeft .messageSidebar dl.dataList > dd {
    float: left;
    text-align: left;
    font-size: 9px;
    font-weight: 400;
}

In beiden Blocks kannst du dort selber die Zeile font-size selber deinem Gusto anpassen.

Links im Editor können nur sehr schwer angepasst werden, da alles auf Java Script Basis. Das hier ist nur bedingt nutzbar:

.messageSidebar + .messageContent .messageBody .messageText p a {
    font-weight: 600;
    background-color: #e2e2e2;
    border-bottom: 1px solid;
}

Anderweitig müsstest du zur Linkmarkierung die Fähigkeiten des Redactor-Editors manuell nutzen - sprich selber Farbe, Dekoration anpassen. Ob es ein BB-Code dafür gibt ist mir nicht bekannt.

Gino

Danke sehr Gino

Gruß

Fatman