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

verified

28. 8. 2018 15:50:57

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.

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ěď!

28. 8. 2018 15:50:57

https://webtrh.cz/diskuse/sirka-kontaktniho-formulare-ve-wordpressu#reply1362964

verified

28. 8. 2018 16:24:48

Odstráňte Vami pridané CSS definujúce šírku a vložte toto:

28. 8. 2018 16:24:48

https://webtrh.cz/diskuse/sirka-kontaktniho-formulare-ve-wordpressu#reply1362963

verified

(12 hodnocení)

28. 8. 2018 16:27:33

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.

28. 8. 2018 16:27:33

https://webtrh.cz/diskuse/sirka-kontaktniho-formulare-ve-wordpressu#reply1362962

verified

28. 8. 2018 16:27:40

Napsal aaron;1482102
Odstráňte Vami pridané CSS definujúce šírku a vložte toto:
.wpcf7 label { width: 100%; }

Funguje! Super, díky moc.

Hezký den.

28. 8. 2018 16:27:40

https://webtrh.cz/diskuse/sirka-kontaktniho-formulare-ve-wordpressu#reply1362961

Pro odpověď se přihlašte.

Prodej Více

Predám plne automatizovaný spravodajský portál

199 €

0 příhozů

📢 Prodej ziskového e-shopu 💰 – vysoká marže, jednoduchý provoz ⚡

13 999 Kč

0 příhozů

Hračky na druhou – projekt prodeje bazarových hraček

8 000 Kč

0 příhozů

Prodej licence Eshop systému WebCzech e-commerce PRO

10 000 Kč

0 příhozů

Online služba – cestovní agentura na TOP doméně

749 900 Kč

0 příhozů

Poptávky Více

Vytvoření png + svg odznaků pro fórum / komunitu

Vytvorenie pre woocommerce template product

SHOPTET – vytvorenie novej stránky

Hledáme grafika/grafičku pro eshop

UI designer pro dětskou verzi dotazníkové mobilní aplikace

Pracovní nabídky Více

IT konzultant/ka

SAP vývojář/developer

Programátor/ka pro Yii2 framework – údržba a rozvoj aplikací

Frontend / fullstack vývojář

Práce z domu, Praha

Nabídky Více

Nabízím licenci ES Pohoda E1 Premium

Výměna odkazů + napsání pr. článku

Hledám společníka/partnera – odborníka na marketing a propagaci, pro svůj mezinárodní e-shop

🌐 🖌️ Tvorba webových stránek 🖌️🌐 Junior – web za skvělou cenu! ✅

Editovanie videí + grafika – short form & long form