Tagged: Weta numbered post Widget Toggle Comment Threads | Keyboard Shortcuts

  • frozenalien 6:44 pm on April 11, 2017 Permalink | Flag unresolved

      Tags: , Weta numbered post Widget,   

      Weta: Widget-Headlines nicht auf einer Linie 

      Das Forum habe ich schon durchsucht aber nichts gefunden und ich weiß nicht weiter.

      Ich habe im Weta-Theme auf der Startseite in der Sidebar 2 das “Numbered Recent Post”-Widget eingefügt und im Content 2 eine “Post Slider”-Widget. Jetzt sind beide Widgets ja schön mit Überschift, Trennerlinchen und Inhalt aufgebaut, doch bei mir ist das NRP-Widget nach unten versetzt.
      Es wäre schöner wenn die Headlines und dann auch die Trennerlinie auf einer Höhe beginnen würden.

      Könnt ihr mir bitte helfen? Oder einen Post zeigen, wo das Problem schon gelöst wurde?

      Kucken könnt ihr unter http://finnweh.de

      DANKE!

       
      • Ellen (Support-Team) 8:51 am on April 16, 2017 Permalink | Log in to Reply

        Hallo und bitte entschuldige meine späte Antwort!

        Hast du das Problem immer noch? Ich hatte gerade auf deiner Webseite geschaut und konnte keinen Layout-Fehler beim Element mehr sehen? Bitte sag mir doch Bescheid, wenn du noch Hilfe mit dem Element benötigst.

        Ganz viele Grüße,
        Ellen

      • frozenalien 10:59 pm on April 16, 2017 Permalink | Log in to Reply

        Hallo Ellen, kein Problem.
        Aber die Thematik besteht noch. Ich füge dir gerne mal einen Screenshot an. Da kann ich dann zeigen was ich nicht so schön finde
        Ich hätte gerne dass die Headlines auf einer Linie beginnen und dann eben auch der Inhalt wie jetzt folgt. Also im Grunde müsste nur das Linke Widget nach oben rücken.
        http://finnweh.de/wp-content/uploads/2017/04/2017-04-11.jpg

        Danke fürs Kümmern!
        LG Tine

        • Marc (Support-Team) 8:19 am on April 18, 2017 Permalink | Log in to Reply

          Hallo Tine,

          die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von “Element untersuchen”, “Element-Informationen” o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

          Folgender ergänzender CSS-Code sollte in deinem Fall die Titelpositionen angleichen:

          .sidebar-small .widget_weta_numbered_rp:first-of-type {
              padding-top: 0;
          }
          

          Viele Grüße
          Marc

    • luftlinie 4:36 pm on September 6, 2016 Permalink | Flag unresolved

        Tags: Weta numbered post Widget   

        Weta Numbered Post Widget Schriftgrösse 

        Wie kann ich beim Weta numbered Post Widget die Schriftgrösse kleiner machen. Sowohl Zahlen als auch die Schrift? Welchen CSS Code muss ich im Child einfügen. Danke!

         
        • Stephan 5:02 pm on September 6, 2016 Permalink | Log in to Reply

          Hallo luftlinie,

          du findest in der style.css folgende Zeilen wo die Angaben für größere Displays stehen. Du musst anschließend noch die Zeilen suchen für die anderen Umbruchpunkte/ Displaygrößen.

          Schriftgöße für die Zahlen – Zeile 2244:
          .rp-numbered-wrap .post::before {
          display: inline-block;
          font-size: 48px;
          letter-spacing: -1px;
          line-height: 0.55;
          padding: 0;
          text-align: left;
          vertical-align: top;
          width: 70px;
          }
          Schriftgröße für die Schrift – Zeile 5079:
          .front-fullwidth .rp-numbered-wrap .entry-header h2.entry-title, .front-content .rp-numbered-wrap .entry-header h2.entry-title {
          font-size: 1.625rem;
          }

          Ich hoffe es hilft dir weiter ;-)

        • Stephan 5:08 pm on September 6, 2016 Permalink | Log in to Reply

          Hallo luftlinie,

          du findest in der style.css folgende Zeilen wo die Angaben für größere Displays stehen. Du musst anschließend noch die Zeilen suchen für die anderen Umbruchpunkte/ Displaygrößen.

          Schriftgöße für die Zahlen – Zeile 2244:

          .rp-numbered-wrap .post::before {
          display: inline-block;
          font-size: 48px;
          letter-spacing: -1px;
          line-height: 0.55;
          padding: 0;
          text-align: left;
          vertical-align: top;
          width: 70px;
          }
          

          Schriftgröße für die Schrift – Zeile 5079:

          .front-fullwidth .rp-numbered-wrap .entry-header h2.entry-title, .front-content .rp-numbered-wrap .entry-header h2.entry-title {
          font-size: 1.625rem;
          }
          

          Ich hoffe es hilft dir weiter ;-)

      c
      compose new post
      j
      next post/next comment
      k
      previous post/previous comment
      r
      reply
      e
      edit
      o
      show/hide comments
      t
      go to top
      l
      go to login
      h
      show/hide help
      shift + esc
      cancel