CSS !important regel niet zichtbaar

  • Opgelost myodepo

    (@myodepo)


    4 maanden, 3 weken geleden

    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)
  • Guido

    (@guido07111975)

    4 maanden, 2 weken geleden

    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)

    4 maanden, 2 weken geleden

    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.

    Guido

    (@guido07111975)

    4 maanden, 2 weken geleden

    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)

    4 maanden, 2 weken geleden

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

    Guido

    (@guido07111975)

    4 maanden, 2 weken geleden

    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)