Contact Form 7 – úprava css

cargopro

4. 1. 2018 17:35:52

doporučíte nástroj pro úpravu (nastylování) vzhledu web formuláře vytvořeného pluginem Contact Form 7 ?

4. 1. 2018 17:35:52

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320716

Marek S.

(12 hodnocení)

4. 1. 2018 18:44:10

Kontaktní formulář si musíš upravit pomocí kódu stylů .css. Kdyby jsi měl zájem, kontaktuj mne do zpráv a domluvíme se.

4. 1. 2018 18:44:10

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320715

cargopro

4. 1. 2018 19:25:29

Napsal Marek Š.;1433950
Kontaktní formulář si musíš upravit pomocí kódu stylů .css. Kdyby jsi měl zájem, kontaktuj mne do zpráv a domluvíme se.

díky za nabídku, chtěl bych si to zkusit sám, jednak se to naučit a abych se v případě změn nemusel s každou blbinkou někoho otravovat:). Ale nějaká nástroj pro urychlení a zpřehlednění struktury přece existovat musí ?! Přeci jen, ne všechny formuláře jsou na tři řádky.

4. 1. 2018 19:25:29

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320714

David Musil

(71 hodnocení)

5. 1. 2018 08:12:57

Napsal cargopro;1433960
díky za nabídku, chtěl bych si to zkusit sám, jednak se to naučit a abych se v případě změn nemusel s každou blbinkou někoho otravovat:). Ale nějaká nástroj pro urychlení a zpřehlednění struktury přece existovat musí ?! Přeci jen, ne všechny formuláře jsou na tři řádky.

Formular sice nemusi byt na 3 radky, ale porad se styluje jen nekolik prvku. Input pole, textarea, tlacitko a pripadne nejake prepinace :)

5. 1. 2018 08:12:57

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320713

cargopro

5. 1. 2018 08:25:50

Napsal musil.david;1434029
Formular sice nemusi byt na 3 radky, ale porad se styluje jen nekolik prvku. Input pole, textarea, tlacitko a pripadne nejake prepinace :)

to jo, ale mám těchto prvků třeba dvacet a chci je zarovnávat (i vedle sebe) bez toho, že bych použil table.. a takových dalších prkotinek je více...

5. 1. 2018 08:25:50

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320712

Jiri Heralt

5. 1. 2018 08:56:42

I když se nejedná o formulář na tři řádky, nemusí to znamenat rozsáhlejší css soubor. Pokud by se jednalo o rozsáhlý formulář, struktury se stejně opakují. Takže všechny vstupní pole vypadají stejně. To stejné platí při rozmisťování prvků.

//Edit: Omlouvám se, myslel jsem to stejné co cargopro, zapomněl jsem to předtím odeslat.

5. 1. 2018 08:56:42

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320711

SHAHID HUSSAIN

5. 1. 2018 09:23:19

Learn Digital Marketing With Best Institute of Digital Marketing Techstack.

5. 1. 2018 09:23:19

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320710

cargopro

5. 1. 2018 10:14:10

vstupní pole co do vzhledu nastylované mám, ale přiznám se, že tápu jak zarovnat vstupní pole do dvou sloupců bez toho, že bych laboroval s tabulkou -tu používám jen pro zarovnání celého form na stránce -form v jedné buňce.

5. 1. 2018 10:14:10

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320709

David Musil

(71 hodnocení)

5. 1. 2018 11:46:56

Posli ukazku

5. 1. 2018 11:46:56

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320708

cargopro

5. 1. 2018 12:02:43

Napsal musil.david;1434079
Posli ukazku

---------------------------------------------------------------------------

Vaše jméno (vyžadováno)

Firma

Váš e-mail (vyžadováno)

Předmět

Nakládka

souhlasím s podmínkami

----------------------------------------------------------------------------

tak třeba jak udělat , aby :

Vaše jméno (vyžadováno)

Firma

byly horizontálně zarovnány

ccs:

/*Form width*/

.wpcf7 {

text-align: left;

width: 100%;

}

/*Input Field widths*/

.wpcf7-text, .wpcf7-textarea {

width: 100%;

border: 1px solid #e4e4e4;

border-radius: 4px;

}

.wpcf7-text {

height: 30px;

padding-left: 10px;

}

.wpcf7-text:focus, .wpcf7-textarea:focus {

border-color: #129FEA;

}

/*Label Font*/

.wpcf7-form p {

font-size: 16px;

font-family: 'Roboto', sans-serif;

}

/*Submit button Font*/

.wpcf7-submit {

width: 20%;

font-size: 15px !important;

background: #4a97c2 !important;

color: #fff !important;

padding: 20px;

}

5. 1. 2018 12:02:43

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320707

Abhay

15. 5. 2018 10:57:13

Explore New Motivational Quotes Only on Olivequote

15. 5. 2018 10:57:13

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320706

Pallavi

17. 7. 2018 11:54:04

Contact form 7 is very useful for wordpress.. Even I also used it on my website.

Digital Marketing Institute in Delhi

Digital Marketing Course in Delhi

Digital Marketing Course in Laxmi Nagar

Digital Marketing Institute in Laxmi Nagar

Digital Marketing Institute in Nirman Vihar

Digital Marketing Course in Nirman Vihar

Digital Marketing Institute in Preet Vihar

Digital Marketing Course in Preet Vihar

17. 7. 2018 11:54:04

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320705

Vivek Dubey

11. 8. 2018 09:09:27

Learn Internet marketing form one of the Best Digital Marketing Institute in town

11. 8. 2018 09:09:27

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320704

TeamKoderey

31. 8. 2018 12:04:29

Grow your digital learning skills with Koderey. Learn online marketing from the best digital marketing institute in delhi

31. 8. 2018 12:04:29

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320703

Mark Stephen

10. 10. 2018 09:42:56

I am reading a blog on this website for the first time and I would like to tell you that the quality of the article is up to the mark it is very well written. QuickBooks Support Phone Number and QuickBooks Payroll Support Phone Number

10. 10. 2018 09:42:56

https://webtrh.cz/diskuse/contact-form-7-uprava-css#reply1320702