Okay
  Public Ticket #1633275
Older Posts Icon
Closed

Comments

  • Astrid started the conversation

    Hallo,

    wie füge ich das Icon "Older Posts" - siehe Screenshot - ein? 

    Herzlichen Dank für eine kurze Info.

    Viele Grüße,

    Astrid

    Attached files:  Bildschirmfoto 2018-07-06 um 15.17.49.png

  •  677
    Marc replied

    Hallo Astrid,

    das Icon wird angezeigt, wenn du die Infinite-Scroll-Funktion des Jetpack-Plugins verwendest. Dort lässt sich konfigurieren, dass weitere Beiträge auf der Startseite nachgeladen werden können durch Anklicken des dargestellten Buttons.

    Viele Grüße
    Marc

  •   Astrid replied privately
  •  677
    Marc replied

    Hallo Astrid,

    "Cocoa": Helvetica Neue
    "thoughts & dreams by elma": Libre Baskerville

    Könntest du mir einen direkten Link zur betroffenen Seite geben? Ich würde mir gerne die Icon-Problematik live anschauen und kann dir so eine Lösung anbieten.

    Viele Grüße
    Marc

  •   Astrid replied privately
  •  677
    Marc replied

    Hallo Astrid,

    vielen Dank für den Link. Wir werden das Problem in einem Theme-Update angehen. Bis es dadurch gelöst wird, kannst du folgenden ergänzenden CSS-Code einsetzen um die Logos für diese beiden Sprachen hinzuzufügen:

    #menu-social-en li a:hover {
        color: #777;
        -webkit-transition: color linear 0.1s;
        -moz-transition: color linear 0.1s;
        -o-transition: color linear 0.1s;
        transition: color linear 0.1s;
    }
    #menu-social-en-en {
        display: inline-block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    #menu-social-en li {
        display: inline-block;
        margin: 0;
        padding: 0 !important;
        list-style: none;
    }
    #menu-social-en li a {
        width: 70px;
        height: 70px;
        display: block;
        padding: 0;
        margin: 0 15px 15px 0;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.1;
        font-weight: bold;
        word-break: break-word;
        text-align: center;
        overflow: hidden;
    }
    #menu-social-en li a span {
        display: none;
    }
    #menu-social-en li a::before {
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 24px/1 'Genericons';
        vertical-align: top;
        width: 70px;
        height: 36px;
        padding: 0;
    }
    #menu-social-en li a::before { content: '\f408';}
    #menu-social-en li a[href*="codepen.io"]::before      {content: '\f216';}
    #menu-social-en li a[href*="digg.com"]::before        {content: '\f221';}
    #menu-social-en li a[href*="dropbox.com"]::before     {content: '\f225';}
    #menu-social-en li a[href*="facebook.com"]::before    {content: '\f204';}
    #menu-social-en li a[href*="flickr.com"]::before      {content: '\f211';}
    #menu-social-en li a[href*="plus.google.com"]::before {content: '\f218';}
    #menu-social-en li a[href*="github.com"]::before      {content: '\f200';}
    #menu-social-en li a[href*="instagram.com"]::before   {content: '\f215';}
    #menu-social-en li a[href*="linkedin.com"]::before    {content: '\f208';}
    #menu-social-en li a[href*="pinterest.com"]::before   {content: '\f210';}
    #menu-social-en li a[href*="path.com"]::before           {content: '\f219';}
    #menu-social-en li a[href*="dribbble.com"]::before    {content: '\f201';}
    #menu-social-en li a[href*="polldaddy.com"]::before   {content: '\f217';}
    #menu-social-en li a[href*="getpocket.com"]::before   {content: '\f224';}
    #menu-social-en li a[href*="reddit.com"]::before      {content: '\f222';}
    #menu-social-en li a[href*="skype.com"]::before,
    #menu-social-en li a[href*="skype:"]::before          {content: '\f220';}
    #menu-social-en li a[href*="stumbleupon.com"]::before {content: '\f223';}
    #menu-social-en li a[href*="tumblr.com"]::before      {content: '\f214';}
    #menu-social-en li a[href*="twitter.com"]::before     {content: '\f202';}
    #menu-social-en li a[href*="vimeo.com"]::before       {content: '\f212';}
    #menu-social-en li a[href*="youtube.com"]::before       {content: '\f213';}
    #menu-social-en li a[href*="wordpress.org"]::before,
    #menu-social-en li a[href*="wordpress.com"]::before   {content: '\f205';}
    #menu-social-en li a[href*="youtube.com"]::before     {content: '\f213';}
    #menu-social-en li a[href*="feed"]::before            {content: '\f413';}
    #menu-social-en li a[href*="mailto"]::before           {content: '\f410';}
    #menu-social-es li a:hover {
        color: #777;
        -webkit-transition: color linear 0.1s;
        -moz-transition: color linear 0.1s;
        -o-transition: color linear 0.1s;
        transition: color linear 0.1s;
    }
    #menu-social-es-en {
        display: inline-block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    #menu-social-es li {
        display: inline-block;
        margin: 0;
        padding: 0 !important;
        list-style: none;
    }
    #menu-social-es li a {
        width: 70px;
        height: 70px;
        display: block;
        padding: 0;
        margin: 0 15px 15px 0;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.1;
        font-weight: bold;
        word-break: break-word;
        text-align: center;
        overflow: hidden;
    }
    #menu-social-es li a span {
        display: none;
    }
    #menu-social-es li a::before {
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 24px/1 'Genericons';
        vertical-align: top;
        width: 70px;
        height: 36px;
        padding: 0;
    }
    #menu-social-es li a::before { content: '\f408';}
    #menu-social-es li a[href*="codepen.io"]::before      {content: '\f216';}
    #menu-social-es li a[href*="digg.com"]::before        {content: '\f221';}
    #menu-social-es li a[href*="dropbox.com"]::before     {content: '\f225';}
    #menu-social-es li a[href*="facebook.com"]::before    {content: '\f204';}
    #menu-social-es li a[href*="flickr.com"]::before      {content: '\f211';}
    #menu-social-es li a[href*="plus.google.com"]::before {content: '\f218';}
    #menu-social-es li a[href*="github.com"]::before      {content: '\f200';}
    #menu-social-es li a[href*="instagram.com"]::before   {content: '\f215';}
    #menu-social-es li a[href*="linkedin.com"]::before    {content: '\f208';}
    #menu-social-es li a[href*="pinterest.com"]::before   {content: '\f210';}
    #menu-social-es li a[href*="path.com"]::before           {content: '\f219';}
    #menu-social-es li a[href*="dribbble.com"]::before    {content: '\f201';}
    #menu-social-es li a[href*="polldaddy.com"]::before   {content: '\f217';}
    #menu-social-es li a[href*="getpocket.com"]::before   {content: '\f224';}
    #menu-social-es li a[href*="reddit.com"]::before      {content: '\f222';}
    #menu-social-es li a[href*="skype.com"]::before,
    #menu-social-es li a[href*="skype:"]::before          {content: '\f220';}
    #menu-social-es li a[href*="stumbleupon.com"]::before {content: '\f223';}
    #menu-social-es li a[href*="tumblr.com"]::before      {content: '\f214';}
    #menu-social-es li a[href*="twitter.com"]::before     {content: '\f202';}
    #menu-social-es li a[href*="vimeo.com"]::before       {content: '\f212';}
    #menu-social-es li a[href*="youtube.com"]::before       {content: '\f213';}
    #menu-social-es li a[href*="wordpress.org"]::before,
    #menu-social-es li a[href*="wordpress.com"]::before   {content: '\f205';}
    #menu-social-es li a[href*="youtube.com"]::before     {content: '\f213';}
    #menu-social-es li a[href*="feed"]::before            {content: '\f413';}
    #menu-social-es li a[href*="mailto"]::before           {content: '\f410';}

    Viele Grüße
    Marc

  •   Astrid replied privately
  •  677
    Marc replied

    Hallo Astrid,

    ich hatte den Code live bei dir getestet. Ist dieser derzeit noch aktiv auf deiner Seite, dann würde ich prüfen, woran es hakt.

    Viele Grüße
    Marc

  •   Astrid replied privately
  •  677
    Marc replied

    Hallo Astrid,

    gerne setze ich den Code direkt in deiner Seite ein. Du kannst mir dazu einen temporären Admin-Zugang zur Verfügung stellen. Verwende bitte die E-Mail-Adresse wordpress@marcjandt.de dazu und sag im Anschluss hier kurz Bescheid.

    Viele Grüße
    Marc

  •   Astrid replied privately
  •  677
    Marc replied

    Hallo Astrid,

    im Customizer unter Zusätzliches CSS habe ich den Code eingefügt und er scheint wie gewünscht zu funktionieren.

    Viele Grüße
    Marc

  •   Astrid replied privately