• I embedded a form from our CRM-system (Teamdesk), but the submit button is not readable (wrong colors). This is cause by the ui-button class:
    <button class=”ui-button ui-action v3-button fs-action ui-action-save” form=”frm_edit” type=”submit” value=”save”>Verzend dit formulier!</button>
    If I delete
    class=”ui-button ui-action v3-button fs-action ui-action-save”
    , the button is useable.

    I tried to change in Extra CSS, but that does not seem to work
    I used a similar form for another organisation and had no problems there (also Teamdesk CRM end RIBOSOME theme). See https://uvv-zoetermeer.nl/contactformulier/

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hallo Ton,

    Did you try:

    .td-embedded .ui-button[type=submit] {
    background-color: green;
    color: white;
    }

    This is what I see at UVV-Zoetermeer.

    Groet, Willem

    Als ik het goed begrijp wordt het contactformulier ingebed in het Ribosome-thema. Blijkbaar overschrijft Ribosome een stijl-gegeven van het contactformulier. Misschien zo:

    .td-embedded .ui-button[type=submit] {
    background: aquamarine;
    color: red !important;
    }

    Groet, Willem

    Thread Starter [email protected]

    (@tonjenseziggonl)

    Beste Willem,

    Dank je wel voor jouw reactie en sorry dat het even duurde voordat ik erop reageerde. Eén van mijn mailboxen was even de weg kwijt, waardoor de berichten niet meer werden opgehaald…

    Ik heb jouw oplossing geprobeerd. Dat wil zeggen: Ik heb jouw code zo in de “Extra CSS” sectie geplakt. Ik ben een volstrekte leek op het gebied van CSS…. Zo werkt het in elk geval niet. Maar toch heel erg bedankt dat je even met me mee wilde denken….

    Met vriendelijke groet,
    Ton

    Dag Ton,

    Jammer …
    Ik zie dat het hele contactformulier nu weg is. Klopt dat?
    Groet, Willem

    Thread Starter [email protected]

    (@tonjenseziggonl)

    Hallo Willem,

    Ja, het was inderdaad even verdwenen.
    Maar nu weer zichtbaar en bruikbaar (behalve dan dat probleempje met de kleuren).

    Het Ribosome thema heeft in de customizer een sectie om extra CSS toe te voegen.
    Daar staat nu:

    body {
    color: #444;
    font-family: “New Times Roman”, serif;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1;
    text-rendering: optimizeLegibility;
    vertical-align: baseline;
    }

    Moet ook blijven staan.
    Ik had jouw code daaronder gezet, maar dat deed dus helemaal niks (wat voor mij zichtbaar is).

    Met vriendelijke groet,
    Ton

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Class ui-button’ is closed to new replies.