Support » CSS / opmaak vragen » url naar stylesheet voor een formulier

  • Goedendag,

    Ik heb een een formulier van een andere partij in een website geplaatst, in een iframe. Om het te stylen had die partij de url van het stylesheet nodig. Ik heb een url gegeven, maar mijn stylesheet reageert niet op varanderingen die ik probeer aan te brenen. Nu vraag ik me af of ik de juiste url heb gegeven, of zij de juiste hebben geplaatst, of dat ik misschien iets fout doe wanneer ik wat wil aanpassen. In firefox inspector reageren stijlen wel, maar wanneer ik ze in het stylesheet plaats niet. Nu ben ik daar ok geen heel grote held in en vind ik het altijd flink zoeken wat de tags moeten zijn om iets aan te passen.
    De link die ik de makers van het formulier had gestuurd was:
    /webspace/httpdocs/lilysvalley.nl/wp-content/themes/headway-child
    Met daarbij de opmerking dat ik niet zeker weet of /webspace/httpdocs/ er bij hoort

    De link heb ik gehaald uit het pad dat ik zie in filezilla

    Is er iemand die mij hier een stapje verder mee kan helpen? Die misschiein zo kan zien of dit goed gekoppeld is of hoe het anders zou moeten?

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

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Op dit moment is jouw stylesheet niet in het iframe geplaatst van het formulier, dat moet de leverancier van het formulier/iframe eerst doen voordat jouw stylesheet wijzigingen de opmaak van dat formulier kunnen be├»nvloeden.

    het webspace/httpdocs is onderdeel van het bestandspad maar niet onderdeel van de url van je stylesheet. url naar je css is https://lilysvalley.nl/wp-content/themes/headway-child/style.css

    Dank je Richard, voor je reactie!
    Ik begrijp het nog niet helemaal.
    Heeft de leverancier mijn stylesheet (bestand) nodig om in het formulier te plaatsen? Ik dacht dat het enkel om de url ging. Het iframe heb ik zelf geplaatst.
    Het is handig dat, als ik iets aan de styling van de website wil veranderen ik niet een nieuw stylesheet hoef op te sturen naar hen. Maar als dat nodig is, dan is dat zo.

    Fijn dat ik nu in elk geval wel weet wat de link moet zijn.

    De leverancier zou jouw stylesheet in kunnen laden in het iframe.
    de /style.css is daar misschien niet het meest handige voor omdat daar ook je normale opmaak in komt te staan. Wellicht beter om daar een apart .css bestand voor te maken die de leverancier direct vanaf jouw hosting er in kan plaatsen.
    Dan zou je dit zelf aan kunnen passen zonder dat de leverancier dat iedere keer er in hoeft te zetten.
    Dit is wel echt afhankelijk van hoe zij te werken gaan.

    Bedankt weer. Na het weekend ga ik weer met de leverancier contact opnemen. Ik hoop en denk dat we er dan uitkomen. Fijn als het topic nog wel even open kan blijven.
    Voor nu fijn weekend gewenst.

    De leverancier van het formulier heeft nu de link naar het stylesheet geplaatst. Het lukt me echter nog steeds niet om iets aan te passen. Nu vind ik het altijd lastig om uit te vinden wat precies de tags (verwijzingen, zoals h1 enzo) moeten zijn om iets aan te passen wanneer iets wat meer lagen heeft. Dus ik weet ook niet of het nu bij hen ligt of bij mij…..
    In firefox kan ik bijvoorbeeld de achtergrond aanpassen maar dat is dan in een stylesheet foundation_flex.css. Het lukt me niet om dat in mijn eigen style.css aan te passen. Ik heb ook geprobeerd binnen de frametekst de achtergrondkleur aan te passen, maar dat lukt ook niet.
    Ik ben benieuwd of jij, Richard, of iemand anders me nog verder kan helpen.

    Op dit moment wordt inderdaad themes/headway-child/style.css
    ingeladen.

    Aanpassingen moeten dan wel direct in dit style.css bestand geplaatst worden
    Wel ook opletten dat je niet de extre classes meegeeft die enkel op je eigen site staan en niet binnen het iframe.

    Alles van het frame staat eigenlijk binnen form#kraam-aanvraag-form

    dus het volgende zou specifiek genoeg moeten zijn.

    form#kraam-aanvraag-form h3{}
    form#kraam-aanvraag-form h6{}
    form#kraam-aanvraag-form input{}

    Als kanttekening:
    Daarnaast is het formulier code technisch niet juist opgebouwd door de leverancier. Zo staan alle veld labels in h6 elemenenten en niet in het <label>element en zijn ze niet gekoppeld aan het juiste invoer veld.
    Als leverancier binnen de zorg zouden ze moeten weten hoe een formulier gemaakt dient te worden dat ook toegankelijk is voor mensen met een beperking

    Wat fijn Richard, Ik ben er zo naar op zoek geweest, heb zoveel combinaties geprobeerd.
    Is er een slimme truc om te weten welke classes en divs ik moet noemen in het stylesheet en hoe ik dat schrijf? Of is dat ergens te vinden of te leren? Ik ben daar altijd zo lang mee bezig. (ben maar een simpele designer ;-))
    In elk geval tot zo ver heel erg bedankt.

    w3schools.com heeft enorm veel informatie omtrent CSS
    Qua element achterhalen is rechtermuisknop > element inspecteren vaak een goed begin om de CSS selector te kunnen bepalen.

    Je hebt me goed geholpen. Dankjewel. Ik ben er blij mee. Ik zal ook aan de leverancier van de zorg je opmerking doorgeven.

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