Externen CSS-Code bearbeiten (ausblenden)

  • Hi,

    ich habe da ein Problem.


    Über dieses Script habe ich auf meiner Internetseite die im Aufbau ist das Wetter eines Ortes eingebaut:

    Bei der Ausgabe ist es aber so, dass nicht alle fünf Tage der Wettervorhersage angezeigt werden, sondern nur vier Tage.


    Schaue ich mir die Seite über die Element-Informationen an, erfolgt die Ausgabe darüber:

    Code
    style="position: relative; text-align: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); width: 790px; padding: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;"
    
    
    <div id="widget_e91dae65ca45bb454652b1f6dfb2b970" style="position: relative; text-align: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); width: 790px; padding: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;"> <span id="t_e91dae65ca45bb454652b1f6dfb2b970">Météo Bagnols-en-Forêt</span> <span id="l_e91dae65ca45bb454652b1f6dfb2b970"><a href="http://www.mymeteo.info/r/bagnols-en-foret_G">www.my-meteo.com Bagnols-en-Forêt</a></span> <script type="text/javascript">(function() {
        var my = document.createElement("script"); my.type = "text/javascript"; my.async = true;
           my.src = "https://services.my-meteo.com/widget/js?ville=31409&format=horizontal&nb_jours=5&temps&icones&horaires&vent&hum&precip&coins&c1=393939&c2=a9a9a9&c3=ffffff&c4=ffffff&c5=00d2ff&c6=d21515&police=0&t_icones=1&x=792&y=179&d=0&id=e91dae65ca45bb454652b1f6dfb2b970";
           var z = document.getElementsByTagName("script")[0]; z.parentNode.insertBefore(my, z);
    })();</script> <iframe src="https://services.my-meteo.com/widget/iframe?ville=31409&amp;format=horizontal&amp;nb_jours=5&amp;temps&amp;icones&amp;horaires&amp;vent&amp;hum&amp;precip&amp;coins&amp;c1=393939&amp;c2=a9a9a9&amp;c3=ffffff&amp;c4=ffffff&amp;c5=00d2ff&amp;c6=d21515&amp;police=0&amp;t_icones=1&amp;id=e91dae65ca45bb454652b1f6dfb2b970" frameborder="0" scrolling="no" style="display: block; width: 790px; height: 179px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;"></iframe></div>


    Wenn ich:


    width: 790 px;


    über die Elemente-Informationen deaktiviere ist die Ausgabe perfekt. Nur, wie kriege ich die Zeile "Live" ausgeblendet?

  • Es wäre schön wenn du es irgendwie Online stellen kannst.

    Wenn ich deinen Code einbinde sehe ich 5 Sachen ( wegen Spanisch keine Ahnung ob das Tage sind).

    Könnte mir vorstellen das deine Eltern Elemente da irgendwie die falsche Css Werte haben ( die du mit width:790px beheben kannst ) und dadurch ein Tag fehlt ?

  • Das ist doch eine WordPress Seite - oder?

    Wenn ja, dann füge folgenden CSS Code in das 'zusätzliche CSS' des Customizers ein...

    CSS
    #widget_e91dae65ca45bb454652b1f6dfb2b970 {
      width: auto !important;
    }

    Damit sollte der von dir gewünschte Effekt.. löschen des Wertes für 'width: 790px;'... erzielt werden.

  • Wie cool. :thumbup:


    Das funktioniert. :)


    Morgen schaue ich nochmal nach den Smartphone-Ansichten. Da scheint es in den Auflösungen 320 x 568 und 357 x 667 Pixel auch noch das Problem zu geben, dass dort die Daten nicht zentriert angezeigt werden.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!