Skocz do zawartości
t9omek

CSS contact form 7 (WordPress)

Polecane posty

Witam, mam problem ze zdefiniowaniem CSS dla wtyczki contact form 7 (WordPress).

Na stronie mam dwa formularze, chciałbym aby każdy z nich miał inny wygląd.

Aktualnie sprawę załatwiłem z użyciem "page-id"

.page-id-347 .wpcf7
{
...
}

jednak nie jest to wygodne rozwiązanie, jak mógł bym to rozwiązać lepiej ?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

A czy przypadkiem (nie pamiętam dokładnie) formularze nie mają swoich identyfikatorów?

 

How to Style a Specific Form:

https://www.elegantthemes.com/blog/tips-tricks/how-to-customize-the-style-of-contact-form-7-to-match-your-website

 

ewentualnie powinna być możliwość dodania specyficznej klasy dla formularza.

Edytowano przez Fizyda (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Można utworzyć tyle formularzy ile chcesz na zasadzie. To tylko przykład:

 

[contact-form-7 id=190" title="Formularz 1]

[contact-form-7 id=190" title="Formularz 2]

 

itd

 

Każdy z formularzy może być inny w zależności z której strony korzysta (theme), na której jest umieszczony. Domyślnie można zdefiniować wygląd przycisku wyślij ale resztę pobiera z theme danej strony gdzie został wklejony kod. Proponuję po zmianie - umieszczeniu kodu wyczyścić zawartość przeglądarki odpowiedzialną za cache elementów takich jak css, js itp

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość Rafiki

Jeśli formularze są na dwóch różnych podstronach to tym bardziej nie widze problemu. Ostylowanie ich po elemencie css page-id jest jak najbardziej ok. Myślałem ,że są one na jednej stronie i chcesz je ostylować bez dodawania klasy i id.

 

Jak chcesz zrobić to inaczej / lepiej to wstawiając shortcode formularza contact form 7 możesz użyć atrybutu html_class czyli np:

[contact-form-7 id="123" title="Formularz" html_class="form contact-form moj_wlasny_formularz_1"]

i wtedy ostylowujesz sobie .moj_wlasny_formularz_1 :) możesz też dodać html_id

Edytowano przez Rafiki (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


×