Web pro horních 10 000 www.koncier.cz
Zobrazují se odpovědi 1 až 4 z 4

Šířka kontaktního formuláře ve Wordpressu

  1. Zdravím,

    pomáhám zprovoznit web s wordpressovou šablonou, jenž má obsahovat tlačítko, které otevře pop-up okno s kontaktním formulářem. Tlačítko jsem přes WPBakery Page Builder přidal, k němu přiřadil pop-up okno z pluginu Popup maker, do kterého jsem vložil kontaktní formulář z Contact form 7.

    Problém ale je, že se textová pole nerozšíří na šírku popup okna, ale zůstávají úzká tak, jako je to v příloze (Kontaktní formulář2). Zmenšení celého okna nevypadá dobře (Kontaktní formulář1), proto bych rád dosáhnul stavu jako v Kontaktní formulář3. To se mi podařilo přidáním následujícího css kódu mezi custom codes šablony.
    Kód:
    .wpcf7 input.wpcf7-text { width: 275%; } 
    .wpcf7 textarea.wpcf7-textarea { width: 275%; } 
    .wpcf7-form textarea { height: 150px; }
    Jenže to je řešení pouze pro moje rozlišení. Například i na mobilu se formulář, poměrně logicky, zobrazuje s příliš širokými textovými poly. Netušíte někdo prosím, jak si s tím poradit?

    Díky moc za každou odpověď!
    Přiložené miniatury Přiložené miniatury Klikněte na obrázek pro plnou velikost Název:  Kontaktní formulář1.jpg Zobrazení: 55 Velikost:  65,3 KB   Klikněte na obrázek pro plnou velikost Název:  Kontaktní formulář2.jpg Zobrazení: 34 Velikost:  71,8 KB  

    Klikněte na obrázek pro plnou velikost Název:  Kontaktní formulář3.jpg Zobrazení: 34 Velikost:  82,6 KB  

  2. Co se právě děje na Webtrhu?
  3. Odstráňte Vami pridané CSS definujúce šírku a vložte toto:

    Kód:
    .wpcf7 label { width: 100%; }

  4. Nastavení šířky je myslím v nastavení popup maker. display a size.
    A pokud chcete něco zmenšit na mobil použijte media queries.

  5. Citace Původně odeslal aaron Zobrazit příspěvek
    Odstráňte Vami pridané CSS definujúce šírku a vložte toto:

    Kód:
    .wpcf7 label { width: 100%; }
    Funguje! Super, díky moc.

    Hezký den.

Hostujeme u Server powered by TELE3