• Resolved senatorman

    (@senatorman)


    Super plugin, maar heb wel een probleem waardoor ik hem niet kan gebruiken.

    Het formulier heeft op mijn website een conflict met mijn thema.
    Op een andere website heb ik dit probleem niet.

    Alles werkt naar behoren maar de tekstvelden zijn erg smal en de letters zijn erg vet
    Hoe kan ik deze breder maken, en het lettertype veranderen.

    Zie website
    https://computer-connections.nl/mollietest/

    • This topic was modified 7 years, 11 months ago by senatorman.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Ik denk dat je dit in css moet kunnen oplossen:
    Bij het bouwen van de plugin is niet al te scheutig geweest met het aangeven van classes voor div. elementen.
    Simpelste is kijken in WordPress wat de id van de pagina is,
    css:
    body.page-id-333 form input { width:…..}
    op die manier moet je het wel onder controle kunnen krijgen.

    Ik neem tenminste aan dat je bekend bent met css…

    Thread Starter senatorman

    (@senatorman)

    Bedankt voor je info, maar css ben ik erg slecht in.

    kan ik bovenstaande css code gebruiken met mijn juiste page-id?

    je kunt dit in principe zo gebruiken, iedere wordpress page heeft een zelfde vorm van class voor de body van de pagina

    structuur van css is:
    omschrijving van je object
    . met class ercachter of # met id erachter
    { accolade openen (dus geen gewoon haakje)
    width:80px; bijvoorbeeld, breedtes kunnen in px of in % van de totale breedte.
    font-size:14px; bijvoorbeeld, grootte van je letters
    font-weight:normal; of bold voor normaal of bold
    color:#666666; kleur van de letters, dit is donkergrijs;
    kleur is hexadecimaal, dus je gebruikt 0123456789ABCDEF voor 16 waardes, en met 2 per kleur kom je dan op 256 kleuren. de eerste 2 zijn voor rood, tweede 2 grpem. derde is voor blauw. dus #FF0000 is rood, #00FF00 is groen, #0000FF is blauw, en #FFFF00 wordt dan geel, etc.
    iedere eigenschap sluit je af met een ;
    } accolade sluiten na de opmaakdefinities voor een object

    dus voor een input kun je dan bijv. krijgen:
    body.page-id-333 form input {
    width:80px;
    font-size:14px;
    font-weight:normal;
    color:#666666;
    }

    veel succes ermee!

    Thread Starter senatorman

    (@senatorman)

    Erg leerzaam hoe CSS code werkt. Sommige dingen wist ik niet.

    Echter begrijp ik niet waar ik deze code zou moeten toevoegen.
    Het CLASS veld achter de bijvoorbeeld het veld NAAM geeft bij mij geen enkele wijziging wat ik daar ook invul.

    Ik hou een heel smal formulier.

    • This reply was modified 7 years, 11 months ago by senatorman.

    De css-kodes moeten op een aparte plek gedefinieerd worden.
    Daarna reageert de browser erop door de tags die een css-kode hebben de bijbehorende opmaak te geven.

    Bij de meeste thema’s heb je een custom.css o.i.d. waar je je eigen css in kwijt kunt. Of er is een invulvak waar je css-kodes kunt toevoegen.
    Vaak zit dat onder Customizer – extra css

    Of je plaatst de css in je html-kode, maar dan geldt hij alleen voor die pagina:
    <style type=”text/css”> als begin
    </style> als einde
    en daartussen de css-kodes
    Kun je in principe gewoon in je wordpress-pagina zetten
    In tekstinvoervak wel op tabje Tekst, niet Visueel

    Hopelijk kom je er zo uit

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Thema probleem’ is closed to new replies.