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
    1. 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;"
    2. <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() {
    3. var my = document.createElement("script"); my.type = "text/javascript"; my.async = true;
    4. 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";
    5. var z = document.getElementsByTagName("script")[0]; z.parentNode.insertBefore(my, z);
    6. })();</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...

    Code
    1. #widget_e91dae65ca45bb454652b1f6dfb2b970 {
    2. width: auto !important;
    3. }

    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.