Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #381146

    Hi,

    1. Was kann ich machen, damit im „Logo + Main-Menu Area“ das Menü nicht ins Logo rutscht, wenn ich das Fenster horizontal stauche?
    2. Ich hätte H6 gerne als H2 bzw. H2 in Groß- und Kleinschreibung, was kann ich da machen?
    3. Wie bekomme ich die grauen Linien bei einer selbst erstellten Tabellen weg? (border=”0″ cellspacing=”0″ cellpadding=”0″ haben nicht ausgereicht)

    Vielen Dank fürs Feedback im Voraus.

    #382237

    Hey jackewiehose!

    Sorry für die späte Antwort!

    Für 1.) füge bitte diesen Code ins Quick CSS Feld:

    @media only screen and (max-width: 1170px)
    .main_menu, #header_main_alternate { 
    display: none;
    }
    @media only screen and (max-width: 1170px)
    .container #advanced_menu_toggle, #advanced_menu_hide {
    display: block;
    }
    

    Damit wird das mobile menu aktiviert, sobald die Bildschirmbreite 1170px unterschreitet. Passe es gegebenenfalls noch an.

    2.) Um Groß- und Kleinschreibung bei der jeweiligen Überschrift zu nutzen, verwende dies:

    h2 {
    text-transform: none !important;
    }
    

    Ersetze h2 gegebenenfalls mit z.B. h6.

    3.) Das kommt drauf an, um welche graue Linie es sich handelt. Kannst du uns bitte einen Link mit der Tabelle schicken?
    Versuche das hier entsprechend anzupassen:

    td {
    border-left-width: 0px;
    }
    

    Anstatt “left”, verwende right, top oder bottom, dementsprechend wo sich die graue Linie befindet.

    Liebe Grüße,
    Andy

    #382402
    This reply has been marked as private.
    #382580

    Hey!

    1.) Wenn der Code im Quick CSS nicht greift, woher weißt du dann, dass die angegebene Bildschirmbreite genau passt?
    Bitte leere deinen Browser Cache. Falls das nicht hilft, scheint eventuell dein Server irgendeine Art Caching zu verwenden. Kontaktiere ihn bitte. In der Zwischenzeit könntest du versuchen die Codes in die Datei custom.css zu integrieren (Zugang via FTP).

    2.) Soll ebenfalls ins Quick CSS bzw. in die custom.css. Probiere auch alle Plugins zu deaktivieren, um zu schauen, ob eins einen Konflikt auslöst.

    3.) Füge diesen Code ins Quick CSS / custom.css (wenn das mit dem caching Problem deines Servers gelöst ist):

    td.info {
    border-color: transparent;
    }
    

    Lieben Gruß,
    Andy

    #382623

    Hallo, Andy,

    also den Browser Cache habe ich geleert. Im Localhost habe die Plugins alle deaktiviert (hier habe ich eine ursprüngliche Version der Webseite an der ich erst einmal alles testen kann, bevor ich Online gehe). Über MeasureIt On habe ich die Möglichkeit, die Maße zu erkennen.

    Es hat leider keinen Erfolg gebracht.

    Beim custom.css steht:
    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    }
    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    }

    Wie soll ich die folgenden Zeilen einpflegen:
    @media only screen and (max-width: 1170px) .main_menu, #header_main_alternate {
    display: none;
    }
    @media only screen and (max-width: 1170px) .container #advanced_menu_toggle, #advanced_menu_hide {
    display: block;
    }

    Könnte es auch sein, dass es hier aufgrund von Überschneidungen einen Konflikt gibt?

    zu 3. Wenn ich die Zeilen
    td.info {
    border-color: transparent;
    }
    in custom.css eingebe, dann gilt die Regelung doch für alle Tabellen. Gibt es auch eine Lösung für die vorhandenen Tabellen? :o/

    Herzliche Grüße
    j.

    #382841

    Hi!
    sorry, ich hatte einige Klammern in meinem Code vergessen:

    @media only screen and (max-width: 1170px) {
    .main_menu, #header_main_alternate { 
    display: none;
    }}
    @media only screen and (max-width: 1170px) {
    .container #advanced_menu_toggle, #advanced_menu_hide {
    display: block;
    }}
    

    Füge die Codes einfach unter dem bisherigen Text/Code in die custom.css.

    Du kannst die jeweilige page-id hinzufügen, dann gilt es nur für die spezielle Seite:

    .page-id-430 td.info {
    border-color: transparent;
    }
    

    Um die page-id herauszufinden, kannst du rechtsklick machen bei Chrome oder Firefox und “Element untersuchen” auswählen:

    Das Quick CSS Feld sollte funktionieren. Du kannst uns Admin Zugang einrichten, wenn du online gehst und es dann immer noch nicht klappt.

    Gruß!
    Andy

    #383901

    Lieber Andy,

    vielen Dank für den super Support. Jetzt klappt es mit dem Logo und dem Menü und die Linien in der Tabelle auf der Page sind auch weg.

    Mir ist aber noch nicht so ganz klar, wie ich das mit der Headline machen soll. Gibt es einen Unterschied zwischen H1-H6 und den verschiedenen Überschriften, die im Fließtext möglich sind?

    Bisher habe ich für die Headlines immer das Modul “eine nette Headline” benutzt.

    Herzliche Grüße
    j.

    #384127

    Hey!

    was willst du denn mittels einer Headline speziell erreichen? Die Überschriften H1-H6 sind integriert in dem Content Element “spezielle Überschrift”. Du hat dort einfach noch einige weitere Optionen.

    Gruß,
    Andy

    #384325

    Hallo, Andy,

    also wie schon beschrieben hätte ich ich gerne H2 wie H6 gestaltet und H3 hätte ich gerne einfach den Fließtext in Bold.

    Für die Groß und Kleinschreibung bei H2 hast Du mir die Info gegeben, folgenden Code im custom.css zu nutzen:
    h2 {
    text-transform: none !important;
    }

    Ich denke damit wäre die H2 so in der Gestaltung wie H6, oder? Nur wie kann ich H3 wiederum ändern?

    Liebe Grüße
    j.

    #384403

    Hi!

    versuche es mit:

    h3 {
    font-weight: bold;
    }
    

    lg,
    Andy

    #387926

    Lieber Andy,

    vielen Dank für die Info. Ich habe einige Varianten ausprobbiert. Leider sind aber alle Änderungen sehr weitreichend und nicht nur z.B. eingeschränkt für die “Pages”, sondern haben auch Folgen für die Blog-Darstellung in den Headlines. :o/

    Kann man unterbinden, das h1-Änderungen auf den Pages = h1 im Blog ist?

    Vielen Dank für deine Bemühungen.

    Herzliche Grüße
    j.

    #388110

    Hi!

    wie man die Änderungen auf nur eine bestimmte Seite (Page) reduziert habe ich dir bereits in https://kriesi.at/support/topic/menu-rutsch-ins-logo-h2-in-gros-und-kleinschreibung-tabellen-ohne-graue-linien/#post-382841 beschrieben. Bei dem letzten Code, den ich dir gegeben habe, wäre das also z.B.:

    .page-id-12345 h3 {
    font-weight: bold;
    }
    

    Gruß!
    Andy

    #415929
    This reply has been marked as private.
    #415981

    Hey!

    Ich kann auf deiner Seite nichts verdächtiges sehen. Mit Vorschau meinst du die WordPress Vorschau? Kannst du uns bitte einen Screenshots schicken was du an deinem Bildschirm siehst und eine Skizze davon was du gerne geändert haben möchtest? so können wir dir einen passenden CSS code basteln. Bitte gib uns auch Admin Zugang, damit wir das Problem selbst nachvollziehen können. Führe auch ein Update zu Enfold 3.1.1. durch.

    Der Thread ist schon recht alt und wird inzwischen schon sehr lang. Bei weiteren Problemen bitte immer ein neues Ticket aufmachen, damit auch andere in diesem Forum leicht finden wonach sie suchen.

    Gruß,
    Andy

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Menü rutsch ins Logo, H2 in Groß-und Kleinschreibung, Tabellen ohne graue Linien’ is closed to new replies.