CSS contact form 7 (WordPress)

[t9omek 0]

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 ?

[Gość Rafiki]

może selektory first-child last-child nth-child ?

Edytowano Czerwiec 2, 2017 przez Rafiki (zobacz historię edycji)

[t9omek 0]

może selektory first-child last-child nth-child ?

Zapomniałem dodać że formularze są na innych stronach wordpressa

[Fizyda 34]

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 Czerwiec 3, 2017 przez Fizyda (zobacz historię edycji)

[bybunny 540]

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

[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 Czerwiec 3, 2017 przez Rafiki (zobacz historię edycji)