Jak sformatować formularz kontaktowy 7 w Divi

Być w stanie tworzenie treści na stronę kojarzy się z dużą dbałością o szczegóły. Każdy najmniejszy szczegół można poprawić, taka jest zasada. A jest to szczególnie ważne, gdy mamy do omówienia dużą stronę internetową lub wiele drobnych szczegółów. Przykładem tego jest sytuacja, w której się znajdujemy sklep internetowy stworzony na platformach takich jak Blogger ten

Często tego typu strony zawierają wiele drobnych szczegółów do dyskusji, takich jak sposób filtrowania produktów w wyszukiwarce lub powiązane projekty reklam.

W rezultacie możemy zdać sobie sprawę, że poziom szczegółowości, który możemy omówić, należy do nas. strony internetowe ten Jednak wszystko zależy od poziomu zestaw kreatywności być może będziemy musieli poczynić pewne wysiłki w naszej witrynie. Ponieważ z wyprzedzeniem powiemy Ci o drobnym szczególe, który możesz omówić za kilka minut, a mianowicie: Formularz kontaktowy 7.

ContactForm 7 jest jednym z najczęściej używanych dodatków do formularzy firmy użytkownicy de różne strony internetowe ten Rzeczywiście, jest to bardzo skuteczny sposób na umożliwienie naszym odwiedzającym interakcji z nami za pośrednictwem strony kontaktowej lub innej witryny.

Ale masz mały szczegół, który często się okazuje dodatek do ankiety niezbyt proste, tak bardzo, że wielu uważa to za trochę pozoru brzydki ten Dlatego musimy pomyśleć o lepszych sposobach dostosowania tego popularnego dodatku do naszego motywu.

Mając to na uwadze, możemy wymienić Divi jako jeden z najpopularniejszych motywów WordPress i ze względu na swoją estetykę. Naprawdę miło to zobaczyć. Z tego powodu może być trochę nudny w użyciu Formularz kontaktowy 7 na stronie Divi, ponieważ te dwa style nie pasują do siebie.

Dlatego musimy skonfigurować ContactForm 7 tak, aby widział w tym samym sensie estetycznym, co Divi. Zobacz poniżej, jak możesz to zrobić.

ContactForm 7 Personalizacja dla Divi

Naprawdę, więc można go użyć Formularz kontaktowy 7 to błogosławieństwo, gdy chcemy usłyszeć od naszych gości i móc wchodzić z nimi w interakcję, jeśli sobie tego życzymy. Ale jeśli mamy Divi jako motyw, możemy mieć pewne problemy z zauważeniem, że ten dodatek w ogóle nie jest powiązany z naszym motywem.

Dlatego musimy przeprojektować wygląd ContactForm 7 i dostosować go do wyglądu Divi. Możemy to zrobić bardzo prosto. Aby to zrobić, musimy wejść do menu Divi , a następnie w opcji, która pojawia się jako „Opcje motywu” , znajdziemy tutaj CSS dostosowane. Musimy wejść w ten kontekst kod Następny ten

.wpcf7-tekst, .wpcf7-textarea, .wpcf7-captchar {

kolor tła: #ee! Świetnie;

granica: brak! Świetnie;

szerokość: 100%! Świetnie;

-moz-promień-granicy: 0! Świetnie;

-webkit-obramowanie-promień: 0! Świetnie;

promień graniczny: 0! Świetnie;

rozmiar czcionki: 14px;

kolor: #999! Świetnie;

inwestycja: 16px! Świetnie;

-moz-box-sizing: border-box?

-webkit-box-sizing: border-box?

rozmiar pudełka: ramka-ramka;

}

.wpcf7-wyślij {

kolor: # 8B3C90! Świetnie;

margines: 8px auto 0;

kursor: wskaźnik;

rozmiar czcionki: 20px;

grubość czcionki: 500;

-moz-border-radius: 3px;

-webkit-obramowanie-promień: 3px;

promień konturu: 3px;

podszewka: 6px 20px;

wysokość wiersza: 1.7em

Przezroczyste tło?

zarys: pełny 2px.

-webkit-font-smoothing: wygładzanie?

-moz-osx-font-smoothing: skala szarości;

-przejście moz: co 0,2s

-przejdź do webkitu: co 0,2 sekundy.

przejście: co 0,2 sek.

}

.wpcf7-send: najedź kursorem

kolor tła: #eee;

kolor obramowania: #eee;

inwestycja: 6px 20px! Świetnie;

}

Pamiętaj, że każde z miejsc, które zostały wskazane # εεε itp. # 8B3C90 musisz to zmienić, aby móc dalej dostosowywać kolory, których używasz w swojej witrynie. Wszystko, co musisz zrobić, to użyć kreatora Divi, aby go dostosować Formularz ten

Dlaczego nie skorzystać z innych alternatyw?

Być może zastanawiasz się, dlaczego nie powinieneś lepiej wykorzystywać narzędzia do komunikacji, które jest dostarczane z Divi. Odpowiedź na to jest taka, że ​​nie jest to tak przydatne, jak używanie ContactForm 7, nie ma ich tak wiele Wybory i nie jest tak intuicyjne ani proste. Dlatego najlepiej pozostać w ContactForm 7 i modyfikować go w razie potrzeby.

Dodaj komentarz