Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Forums / Thema en CSS/opmaak / CSS !important regel niet zichtbaar

  • Op onze website willen wij een boekingsknop of de iframe van Treatwell gaan gebruiken. Zij hebben een widget voor een boekingsknop met hun opmaak, maar die wil ik aanpassen.
    Overigens heb ik ook een code ontvangen voor een iframe. Daarvoor probeer ik een vaste hoogte in te stellen, maar die werkt ook niet.

    In de CSS heb ik een aantal codes toegevoegd en de wijzigingen zijn zichtbaar in de back-end van Elementor en in de customizer, maar verder niet.

    Ik heb gebruik gemaakt van de !important regel, maar ik begrijp niet waarom deze niet werkt.

    Kan iemand mij uitleggen hoe ik dit (anders) zou kunnen oplossen?

    #wahanda-online-booking-widget {background-color:#CAF0FB !important;} #wahanda-online-booking-widget {color:#45403C !important;} #wahanda-online-booking-widget {border-radius:12px !important;} #wahanda-online-booking-widget {border:none !important;} #wahanda-online-booking-widget {font-family:simonetta !important;} #wahanda-online-booking-widget {font-size:15px !important;} #wahanda-online-booking-widget {font-style:normal !important;} #wahanda-online-booking-widget-iframe iframe {height:1500px !important;}

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hoi,

    Ik zie het inderdaad niet in de broncode aan de voorkant vd site.

    Heb je de CSS toegevoegd zoals hier beschreven?

    Probeer het ook eens via pagina Extra CSS van de Customizer, werkt het dan wel?

    Guido

    Thread starter myodepo

    (@myodepo)

    Hoi!
    Bedankt voor je reactie. Ik heb helaas geen Advanced plan dus ik kan geen extra CSS in Elementor toevoegen. Ik heb de CSS via de Customizer toegevoegd, maar dat werkt dus helaas niet.

    Hoi,

    Ik zie het al, je hebt een foutje gemaakt in je custom CSS.
    Je sluit dit blok niet af, voordat de wahanda CSS begint:

    @media only screen and (max-width: 1199px) {

    Dus er mist een } vóór je wahanda CSS.

    Guido

    Thread starter myodepo

    (@myodepo)

    Hoi, Ik zie het. Wat stom!
    Heel erg bedankt voor je hulp. Het werkt nu inderdaad allemaal naar behoren. Volgende keer toch beter controleren 🙂

    Ik moest ook even goed kijken, voordat ik het zag 😏
    Maar graag gedaan!

    Misschien werkt het nu ook wel zonder die !important statement.

    Guido

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘CSS !important regel niet zichtbaar’ is gesloten voor nieuwe reacties.