Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • September 1, 2015 at 4:30 pm #496501
    ctp_werbung

    Hallo,

    ich nutze das WordPress Theme “Enfold” mit der Startseite für Videos.

    Gerne würde ich nun auf der Startseite eine andere Farbstellung für die Navigation verwenden als auf den folgenden Seiten. Können Sie helfen wo ich diese differenzierten Einstellungen vornehmen kann?

    Besten Dank ..

    September 1, 2015 at 5:20 pm #496567
    Elliott

    Hi Thomas!

    Add this to your custom CSS.

    .home nav.main_menu a { color: red !important; }
.home nav.main_menu a:hover { color: blue !important; }
.home nav.main_menu .sub-menu a { color: green !important; }
.home nav.main_menu .sub-menu a:hover { color: purple !important; }

    You can change the menu colors and hover colors for only the homepage with that.

    Regards,
    Elliott

    September 2, 2015 at 11:54 am #496995
    ctp_werbung

    Hallo Elloitt,
    vielen Dank für die schnelle Antwort. Das war tatsächlich die Lösung.
    Ich hätte noch eine Frage zum Thema Portfolio. Ich habe auf meiner Startseite drei Portfolio Einträge dargestellt. Ist es möglich zwischen den Einträgen eine kleine Lücke zu lassen? Das würde dann übersichtlicher aussehen.

    http://www.inzell-mtb-challenge.com/challenge/

    Im Moment werden hier zwei Strecken dargestellt. Ein dritte kommt noch hinzu.

    Vielen Dank für die Hilfe.
    Thomas

    *****
    Hat sich erledigt. Ich habe einen anderen Weg gefunden ….

    • This reply was modified 9 years, 2 months ago by ctp_werbung.
    September 2, 2015 at 12:38 pm #497021
    ctp_werbung

    Nun aber doch eine Frage zur Enfold Startseite mit Video und Paralax.
    Ist es möglich eine Ebene über dem Video ein Bild einzufügen das zum Beispiel in der linken, unteren Ecke des Bildschirms platziert ist und as Video ein wenig überdeckt?

    Das ganze sollte ungefähr so aussehen …

    Das ganze muss auch nur auf der Desktop Version sichtbar sein. Auf Smartphones ist das nicht wirklich notwendig.

    Besten Dank
    Thomas

    • This reply was modified 9 years, 2 months ago by ctp_werbung.
    September 2, 2015 at 5:23 pm #497289
    Elliott

    Hi!

    Well, you might be able to do that with the overlay option. When you edit the color section switch to the “Section background overlay” tab and upload a custom image to use for the overlay and then send us a link to your page and we’ll see if we can get you some CSS to position it correctly and not repeat.

    Best regards,
    Elliott

    September 4, 2015 at 8:25 pm #498587
    ctp_werbung

    Hallo Elliott,
    vielen Dank für die Antwort. Ich werde das versuchen und mich erneut melden. Im Moment habe ich eine andere Frage, Ich wollte die Farbe für den Bereich header_main ändern. Und zwar für top und bottom. Das ist auch gelungen. Allerdings wird der border jetzt auch auf der Startseite mit dem Video angezeigt. Hier möchte ich das jedoch nicht angezeigt haben sondern die Seite soll ganz ohne Linien auskommen.

    http://www.inzell-mtb-challenge.com/challenge/
    Hier auf der Startseite soll der header_main ganz ohne border angezeigt werden. Auf allen weiterführenden Seiten ist das ok.

    Kannst Du helfen?

    Besten Dank
    Thomas

    September 7, 2015 at 2:59 pm #499245
    Elliott

    Hey!

    For that add this to a codeblock element when editing your homepage.

    <style type = "text/css">
#header_main { border-bottom: 0px !important; }
.avia-menu-fx { display: none !important; }
</style>

    The first line is for the header menu border and the second is for the line that displays beneath the menu links.

    Cheers!
    Elliott

    September 8, 2015 at 11:55 am #499774
    ctp_werbung

    Hallo Elliot,

    das hat leider nicht den gewünschten Effekt gehabt. Ich habe den Code in die custom.css eingefügt. Das hat zum Teil einen gewünschten Erfolg gebracht.

    Hier das Ergebnis:
    http://www.inzell-mtb-challenge.com/challenge/

    Ich häte jedoch gerne, dass das ganze so aussieht wie hier:
    http://schwarzwald-bike-marathon.de/

    Lediglich meine Farben sollten erhalten bleiben.

    Besten Dank für Deine Hilfe.
    Thomas

    September 8, 2015 at 2:17 pm #499877
    ctp_werbung

    Hallo Eliott,
    ich habe die Overlay Funktion für das Hintergrundbild oberhalb des Videos ausprobiert und das funktioniert richtig gut. Gibt es eine Möglichkeit das Hintergrundbild so anzupassen, dass es bei unterschiedlichen Bildschirmauflösungen immer die folgenden Positionen hat: left: 0; bottom: 0; – also unten links ausgerichtet ist?

    http://www.inzell-mtb-challenge.com/challenge/

    Und kamm man die pattern funktion ausschalten, so dass das Bild nicht wiederholt wird?

    Dankeschön
    Thomas

    September 8, 2015 at 10:01 pm #500123
    Andy

    Hey!

    header von
    http://www.inzell-mtb-challenge.com/challenge/
    und
    http://schwarzwald-bike-marathon.de/
    sehen für mich gleich aus (ohne border). Hat Elliotts Code doch funktioniert?

    Von welchem Hintergrundbild redest du? kannst du screenshots nutzen um deutlich zu machen was du meinst? du kannst imgur oder dropbox verwenden.

    Gruß,
    Andy

    September 8, 2015 at 10:17 pm #500129
    ctp_werbung

    Hallo Andy,

    bei der Inzell MTB Challenge habe ich am header oben einen border von 1px. Du erkennst ganz oben am Seitenrand die dünne grüne Linie?
    Beim Schwarzwald Bike Marathin ist diese Linie nicht da.

    Auf den folgenden Seiten erkennst Du den Unterschied. Bitte die folgenden beiden Seiten vergleichen die den Unterschied gut darstellen:
    http://www.inzell-mtb-challenge.com/challenge/programm/
    http://schwarzwald-bike-marathon.de/ausschreibung/

    Auch beim Mouse over der Navigation erkennt man ein unterschiedliches Handling.

    Und nun zum Hintergrundbild. Wenn Du die Seite der Inzell MTB Challenge öffnest läuft das Video. Und Du kannst einen Klecks sehen mit der Beschriftung “DRECK, SCHEIISS & TRÄNEN” Das ist eine PNG Datei die das Hintergrundbild ist.

    Gruß
    Thomas

    September 9, 2015 at 8:58 am #500229
    Andy

    Hey!

    die grüne Linie kannst du hiermit wegkriegen:

    .container_wrap {
border: none;
}

    Beim mouse hover (Menü) erkenne ich keinen Unterschied zw. den beiden Seiten. Was genau meinst du?

    Das Hintergrundbild kannst du hiermit kontrollieren:
    damit es sich nicht wiederholt (was ich zwar nicht sehen kann):

    .av-section-color-overlay {
background-repeat: no-repeat !important;
}

    und die Position kannst du hiermit kontrollieren: 

    .av-section-color-overlay {
background-position: -24px -200px;
}

    Du müsstest dann für verschiedene Bildschirmgrößen auf media queries setzen. Also z.B. so etwas wie:

    @media only screen and (max-width: 736px) { 
.av-section-color-overlay {
background-position: -24px -200px;
}}

    Gruß!
    Andy

    • This reply was modified 9 years, 2 months ago by Andy.
    September 9, 2015 at 9:11 am #500239
    ctp_werbung

    Guten Morgen Andy,

    vielen Dank für die schnelle Antwort. Bei der Seite vom Schwazwald gibt es einen Mouse Over Effekt. Eine Linie zwischen der Haupt- und der Subnavigation. Bei meiner Seite nicht.

    Ich habe keine Ahnung wie das passiert ist. Die Seite hate genauso funktioniert wie ich wollte. Dann habe ich Farben angepasst (enfold / allgemeines Styling) und auf einmal hatte ich mit diesen Problemen zu kämpfen.

    Das Hintergrundbild wiederholt sich derzeit nicht weil ich das Bild extrem breit gemacht habe. Nicht die finale Lösung aber als Übergang bis ich eine andere Lösung von Dir hatte hat´s funktioniert :-)

    September 9, 2015 at 9:42 am #500257
    Andy

    Hey!

    für dein Menü gehe zu Enfold->Header->Header Layout->Header Style und wähle “Default” aus.

    Ich weiß nicht mit was für Probleme du gerade zu kämpfen hast. Was meinst du?

    Support gibt es ausschließlich über dieses Support-Forum. Du kannst imgur.com oder dropbox nutzen, um Screenshot zu zeigen.

    Gruß,
    Andy

    September 9, 2015 at 9:58 am #500263
    ctp_werbung

    Hallo Andy,
    in diesem Dropbox Ordner findest Du die Bilder mit Darstellungen was ich meine:

    Header_Startseite.png
    So sollte auch meine Startseite aussehen. Keine Linien, keine borders aber bei Mouse Over der folgende Effekt.

    mouse_over_schwarzwald.png
    Das hätte ich gerne bei allen Seiten als Effekt bei mouse_over

    Header_weitere_Seiten.png
    So sollte der Header auf allen weiteren Seiten (mit Ausnahme der Startseite) aussehen.

    Die Header Einstellung steht bereits auf Default.

    Vielen Dank für Deine Geduld mit mir …

    Gruß
    Thomas

    September 9, 2015 at 11:17 am #500302
    Andy

    Hey!

    ich kann keine screenshots sehen. Bitte füge einfach einen entsprechenden link hier mit ein …

    Zusätzlich bräuchten wir noch Admin Zugang. Poste login Daten hier als private content.

    Gruß!
    Andy

    September 9, 2015 at 12:56 pm #500351
    ctp_werbung

    Hi,
    den Link zur Dropbox und die Zugangsdaten als private Content.

    Ich habe die Screenshots in die entsprechenden Dateinamen umbenannt.:
    Header_Startseite.png
    So sollte auch meine Startseite aussehen. Keine Linien, keine borders aber bei Mouse Over der folgende Effekt.

    mouse_over_schwarzwald.png
    Das hätte ich gerne bei allen Seiten als Effekt bei mouse_over

    Header_weitere_Seiten.png
    So sollte der Header auf allen weiteren Seiten (mit Ausnahme der Startseite) aussehen.

    September 9, 2015 at 3:13 pm #500473
    ctp_werbung

    Die Screenshots zeigen immer nur kleine Ausschnitte weil es ja tatsächlich nur um Details geht ….

    September 10, 2015 at 10:58 am #500881
    Andy

    Hi!

    welcher ist die login Seite? ich habe den standart URL im private content verwendet, aber dieser funktioniert nicht.

    Cheers!
    Andy

    September 10, 2015 at 11:10 am #500892
    ctp_werbung

    http://www.inzell-mtb-challenge.com/challenge/wp-admin/

    September 10, 2015 at 11:58 am #500931
    Andy

    Hi!

    versuche diesen Code:

    nav.main_menu ul#avia-menu li.current_page_item {
border-bottom: 2px solid red;
}

    Best regards,
    Andy

    September 10, 2015 at 12:26 pm #500944
    ctp_werbung

    Hi,
    kommt schon hin. Toll wäre es jetzt wenn das ganze auch als hover effekt funktionieren würde ….

    Vielen Dank …

    September 10, 2015 at 12:36 pm #500951
    Andy

    Hi!

    nimm diesen Code:

    .av-main-nav li:hover {
border-bottom: 2px solid blue !important;
}

    Gruß,
    Andy

    September 10, 2015 at 2:29 pm #501038
    ctp_werbung

    Hallo Andy,

    die letzten Änderungen funktionieren genau so wie ich das wollte.

    Zwei Sachen noch und dann wäre eigentlch alles perfekt:

    1. Kann der Header auf den Folgeseiten (Da wo Seitentitel und Breadcrumbs) drinstehen noch einen border-top: 1px kriegen? Nur auf den Folgeseiten, nicht auf der Startseite ..

    2. Kannst Du bei der Subnavigation bitte den hover border-bottom: 2px rausnehmen? Bei der Hauptnavigation ist das supter. Bei der Subnavigation schaut es komisch aus …

    Vielen lieben Dank
    Thomas

    • This reply was modified 9 years, 2 months ago by ctp_werbung.
    September 11, 2015 at 10:59 am #501521
    Andy

    Hi!

    1. Ich kann keine breadcrumbs bei dir sehen und weiß daher nicht wo du genau einen border-top wünscht. Eine Skizze wäre gut, um deutlich zu machen was du brauchst. Generell müsstest du hierbei mit page-id arbeiten, damit deine frontpage ausgeschlossen wird.

    2. Versuche diesen Code:

    .av-main-nav li:hover {
border-bottom: 0 !important;
}

    Gruß,
    Andy

    September 11, 2015 at 11:07 am #501525
    ctp_werbung

    Hi, ich blende die Breadcrumbs schnell ein …
    Siehe hier:
    http://www.inzell-mtb-challenge.com/challenge/strecken/sandy/

    • This reply was modified 9 years, 2 months ago by ctp_werbung.
    September 11, 2015 at 11:15 am #501531
    ctp_werbung

    Diese Funktion:

    .av-main-nav li:hover {
    border-bottom: 0 !important;
    }

    schaltet den hover effekt bie der kompletten Navigation aus. Bei der Hauptnavigation ist der aber durchaus erwünscht. Lediglich bei der Subnavigation möchte ich den border-bottom nicht haben …

    September 11, 2015 at 1:18 pm #501599
    Andy

    Hey!

    1. Ich weiß zwar immer noch nicht welchen border-top du genau meinst, aber versuche diesen Code:

    .stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
border-top: 2px solid green !important;
}

    Vielleicht ist das ja was du dir wünscht. Ansonsten bitte ich um eine präzise Skizze.

    2.) Probiere stattdessen diesen Code:

    .av-main-nav .sub-menu li:hover {
border: none !important;
}

    Gruß,
    Andy

    September 11, 2015 at 2:44 pm #501660
    ctp_werbung

    Hallo Andy,
    perfekt. Jetzt haben wir genau das was ich wollte!

    Vielen, vielen, vielen Dank für Deine tolle Hilfe und Deine aussergewöhnliche Geduld!

    Ich wünsche Dir ein tolles Wochenene!!

    LG
    Thomas

    September 11, 2015 at 3:16 pm #501684
    Andy

    Hey!

    freut mich, dass du jetzt glücklich bist. Lass uns in einem neuen Ticket wissen, wenn du wieder einmal Hilfe mit dem Theme benötigst. Wir unterstützen dich gerne!

    Dir wünsche ich auch ein schönes Wochenende.

    Lieben Gruß,
    Andy

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 30 total)
  • The topic ‘Color Settings Main Nav’ is closed to new replies.