Skocz do zawartości


 

Zdjęcie

CSS contact form 7 (WordPress)

CSS contact form 7 (WordPress) CSS contact form WordPress

  • Proszę się zalogować aby odpowiedzieć
5 odpowiedzi na ten temat

CSS contact form 7 (WordPress)

#1 t9omek

t9omek

    Regularny użytkownik

  • Użytkownicy
  • 90 postów
  • Imię:Tomek

Napisany 02 czerwiec 2017 - 23:49

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 ?



#2 Gość_Rafiki_*

Gość_Rafiki_*
  • Goście

Napisany 03 czerwiec 2017 - 00:21

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


Edytowany przez Rafiki, 03 czerwiec 2017 - 00:22.


#3 t9omek

t9omek

    Regularny użytkownik

  • Użytkownicy
  • 90 postów
  • Imię:Tomek

Napisany 03 czerwiec 2017 - 00:28

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

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



#4 Fizyda

Fizyda

    Stały użytkownik

  • WHT Pro
  • PipPipPipPipPip
  • 495 postów

Napisany 03 czerwiec 2017 - 09:57

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

 

How to Style a Specific Form:

https://www.elegantt...ch-your-website

 

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


Edytowany przez Fizyda, 03 czerwiec 2017 - 11:22.


#5 SiXwishlist

SiXwishlist

    Freedom Forever

  • Firma Bronze
  • PipPipPipPipPipPipPipPip
  • 2366 postów
  • Skąd:Great Britain
  • Firma:SiXwishlist

Napisany 03 czerwiec 2017 - 12:34

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 



#6 Gość_Rafiki_*

Gość_Rafiki_*
  • Goście

Napisany 03 czerwiec 2017 - 18:08

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


Edytowany przez Rafiki, 03 czerwiec 2017 - 18:12.







Także otagowane jednym lub więcej z tych słów kluczowych: CSS, contact, form, WordPress

0 użytkowników czyta ten temat

0 użytkowników, 0 gości, 0 anonimowych użytkowników