Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 2, 2018 at 5:21 pm #992939
    meyerhuber-wondratschek-archiv

    Liebes Enfold-Entwickler-Team,

    ich möchte die drei Links in meinem Sockel gleichmäßig über die ganze Breite des Sockels verteilen, also der erste Link linksbündig, der zweite Link mittig, der dritte Link rechtsbündig. Wie mache ich das?

    Besten Dank!

    August 2, 2018 at 7:38 pm #992968
    Jordan Shannon

    Hey meyerhuber-wondratschek-archiv,

    Add this to quick css:

    .sub_menu_socket{
float:left!important;
width:100%!important
}

#avia3-menu li{
width:33%!important;
text-align:center!important
}

    Best regards,
    Jordan Shannon

    August 3, 2018 at 2:13 pm #993271
    meyerhuber-wondratschek-archiv

    Lieber Jordan Shannon,

    ich nutze das Child-Theme von Enfold. Gebe ich das CSS trotzdem ein unter Enfold-Child -> Allgemeines Styling ->QuickCSS?

    Besten Dank schon einmal für den Code.

    August 3, 2018 at 2:39 pm #993278
    meyerhuber-wondratschek-archiv

    Lieber Jordan Shannon,

    ich habe jetzt mal zum Ausprobieren den CSS-Code eingefügt. Jetzt sind aber drei schwarze kleine Striche jeweils zwischen den Links “Startseite”, “Impressum” und “Datenschutzerklärung”. Die möchte ich nicht haben. Da sollen überhaupt keine Elemente zwischen den ausgerichteten drei Links sein.

    Es wäre toll, wenn du den Code so modifizieren könntest, dass es passt.

    Vielen Dank schon im Voraus!

    August 3, 2018 at 2:46 pm #993282
    meyerhuber-wondratschek-archiv

    Lieber Jordan Shannon,

    ich möchte noch mehr an dem Sockel umstylen:
    Die Schriftgröße verändern
    Farbe des Sockels bei unterschiedlichen Seiten meiner Webseite unterschiedlich gestalten.

    Ich habe das hier mal mit reingepostet, weil die Lösung sicher auch mit CSS-Code zu machen ist.
    Ich hoffe, das ist in Ordnung.

    Beste Grüße und ein schönes Wochenende!

    August 3, 2018 at 6:41 pm #993337
    meyerhuber-wondratschek-archiv

    Ich habe die Links aktualisiert.
    Unten befindet sich der aktuelle Link

    August 5, 2018 at 2:26 pm #993680
    Dude

    Hi,

    ich habe jetzt mal zum Ausprobieren den CSS-Code eingefügt. Jetzt sind aber drei schwarze kleine Striche jeweils zwischen den Links “Startseite”, “Impressum” und “Datenschutzerklärung”. Die möchte ich nicht haben. Da sollen überhaupt keine Elemente zwischen den ausgerichteten drei Links sein.

    Ich konnte keine schwarze Striche sehen – wurde das Problem gelöst? Falls nicht, probiere bitte einmal den Browser Cache zu leeren.

    Die Schriftgröße kann mit folgenden Code verändert werden:

    
#top #socket a, #top #socket div{
    font-size: 13px;
}

    Natürlich kann der Wert 13px auch abgeändert werden :)

    Die Farbe des Socket kann mit folgenden Code angepasst werden:

    
#top.page-id-22 .socket_color {
    background-color: #59e778;
}

    Wichtig ist, dass der Page ID Wert (im Beispiel 22) je nach Seite angepasst wird, zB hier https://meyerhuber-wondratschek-archiv.de/impressum/ wäre der Wert 83 (#top.page-id-83). Der Farbwert #59e778 kann natürlich auch unterschiedlich gesetzt werden. Der Code für zwei Seiten würde daher so aussehen:

    
#top.page-id-22 .socket_color {
    background-color: #59e778;
}

#top.page-id-83 .socket_color {
    background-color: #ff0000;
}

    Wenn Ihr Hilfe beim Auffinden der Page ID braucht empfehle ich dieses Plugin: https://wordpress.org/plugins/wpsite-show-ids/

    LG,
    Dude

    August 6, 2018 at 7:48 pm #994061
    meyerhuber-wondratschek-archiv
    This reply has been marked as private.
    August 7, 2018 at 1:17 pm #994402
    Victoria

    Hi,

    Best regards,
    Victoria

    August 7, 2018 at 1:27 pm #994412
    meyerhuber-wondratschek-archiv

    Hi Victoria,

    when you reach that page, you should type in the URL – see private content
    Then it should work, I tried it.

    Thank you for a second attempt.

    August 8, 2018 at 8:47 am #994722
    Dude

    Hi,

    Bitte fügen diesen CSS Code in das Quick CSS Feld ein (oder in die child Theme style.css):

    
#top #wrap_all #socket .sub_menu_socket li {
    border: none;
}

    LG,
    Dude

    August 20, 2018 at 12:32 pm #999327
    meyerhuber-wondratschek-archiv

    Liebes Enfold-Support-Team,

    leider muss ich das Thema Ausrichtung der Links im Sockel noch einmal wiedereröffnen.

    Mit dem Code, den ihr mir in diesem Chatverlauf zur Verfügung gestellt habt, ist der linke Link “Startseite” zwar links, der mittlere Link “Impressum” auch mittig, der rechte Link “Datenschutzerklärung” auch rechts ausgerichtet.
    Es stört aber den Blick, dass der linke Link “Startseite” nicht auf einer Höhe ist mit dem darüber liegenden Text “Das Meyerhuber-Wondratschek-Archiv bewahrt den Vorlass des Schriftstellers Wolf Wondratschek.” Der Einzug sollte für beide Texte gleich sein.
    Gleiches gilt für den rechten Link “Datenschutzerklärung”, das Wort “Datenschutzerklärung” sollte dort enden, wo auch die beiden Striche der Überschrift “Mehr zu Wolf Wondratschek” enden.

    Das war der CSS-Code zur Ausrichtung, den ich von euch bekommen habe:

    .sub_menu_socket{
    float:left!important;
    width:100%!important
    }

    #avia3-menu li{
    width:33%!important;
    text-align:center!important
    }

    Besten Dank schon im Voraus!

    August 21, 2018 at 10:54 am #999739
    Dude

    Hi,

    Versuche einmal diesen Code

    
.sub_menu_socket{
float:left!important;
width:100%!important
}

#avia3-menu li{
width:33%!important;
}

#top #avia3-menu li#menu-item-236{
text-align:left !important;
padding-left: 0 !important;
margin-left: -5px;
}

#top #avia3-menu li#menu-item-86{
text-align:center !important;
}

#top #avia3-menu li#menu-item-91{
text-align:right !important;
}

    LG,
    Dude

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.