Contact Form 7 Customization | CSS Styling | in Hindi
Customize Contact Form 7 with CSS in Hindi
Links
-----
CSS Codes:
careofweb.com/contact-form-7-...
Hex Colour Code:
htmlcolorcodes.com/
CSS-MATIC (Shadow Generator):
www.cssmatic.com/box-shadow
------
0:53 How to put CSS code in Contact Form 7
2:26 Change Background Colour in Contact Form 7
5:50 Add Border in Contact Form 7
7:35 Add shadow in Contact Form 7
10:12 Adjust Width of Contact Form 7
12:06 Customize the input fields in Contact Form 7
13:56 Adjust Height of Message Box in Contact Form 7
14:27 Adjust the width and position of Submit Button in Contact Form 7
17:17 Change Colour, Shapes, and Animation of Submit Button in Contact Form 7
More Tutorial on Contact Form 7
------------------
Contact Form 7 Tutorial in Hindi | All option explained
• Contact Form 7 Tutoria...
How to Stop Spam in Contact Form 7 | Hindi Tutorial
• How to Stop Spam in Co...
Redirect Contact Form 7 to a Thank You Page
• How to Redirect Contac...
If you have any question regarding the topic, feel free to ask me in comments
#CF7 #CSS_styling
Пікірлер: 56
2 years later it still works thanks for the help bro
@careofweb
Жыл бұрын
Welcome Bro ♥️
This is the only kind of video that I wanted.
@careofweb
2 жыл бұрын
Thank You ❤️
One of the finest video ever.. thankyou soo much for this informative tutorial..😊
@careofweb
2 жыл бұрын
Thank You Dear
God bless you with more monetary resources to make more and more useful videos for the learning community.
@careofweb
3 жыл бұрын
Thank You for your appreciation and good wishes .
Very Useful 👍 info...Thanks a bunch
@careofweb
2 жыл бұрын
Most Welcome
Wow, Great video sir.
@careofweb
3 жыл бұрын
Thanks Dear ❤
Helpful video God bless you
@careofweb
4 жыл бұрын
Thank You ❤️
Great video bhai maza aa gya 👌👌
@careofweb
3 жыл бұрын
Thanks
Interesting and very good video 👌.
@careofweb
4 жыл бұрын
Thanks ❤
Bahut hi achha video hai thanks for it mujhe bahut help mili hai aur sath me dukh bhi hua ki itni jankari Dene wale video par view hi nahi hai me WordPress me khud ka website banane ki koshis Kar Rahi hu docket/goods tracking ka Wala koi plugins hai to uski jankari dijiye sir and thanks again
@careofweb
4 жыл бұрын
Thank Your for Your Appreciation. Aap Kis tyipe ka pluging dhund rahi hai thora detail main bataiye. Main help karne ka kousis kurunga. Thank You Again.
@GeetaDevi-jq5wl
4 жыл бұрын
@@careofweb courier tracking ka plugins eagleshifting.com/track/ Is type ka
@GeetaDevi-jq5wl
4 жыл бұрын
@@careofweb ek plugins hai wp cargo plz uska video banaye and usme agent login kaise hota hai wo bhi bataye
Nice video Sir..Please upload Shopify development tutorial..
when i place a code not only change the background color it also change the inside color of the field also. and seem like a photo. i also tried it in the Elementor. there it seem like a photo background color does not work there. how i fix it> and also mention how can we add/three column fields in a one row separately. (First name, Last name in one row)
*Bahut dino k bad Sir welcome back Sir* project based tutorial banaeye Sir
@careofweb
4 жыл бұрын
Ha year, client ke kam karte karte samay nehi mil raha hai. Banaunga. Aage series videos lanebala hu.
Dear Sir When I filled up the cf7, the (typed) text color is "RED". I want it "WHITE". Please help/guide me how can I change it. (I have customized the width of it already after watching your this video for which thank you very much!). Regard, S A Babar, Greece.
Very informative video. I want to know how can we customize the button by elementor
@careofweb
2 жыл бұрын
Specifically Elementor se aap CF7 ki button style change nehi kar sakte. lekin globally button ka style change kar sakte hai.
nice sir
@careofweb
4 жыл бұрын
Thanks ♥️
Thank you Suprio Sir for this tutorial. I have few questions - 1. Can we change the background colour of dropdown menu & checkbox lable ? If yes how ? 2. The text in the placeholder is very dull how to make it darker? Thanks Once Again.
@careofweb
Жыл бұрын
For place holder text, apply this css code: .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="textarea"], ::placeholder { font-weight: bold; color: black !important; }
How to add close button on the top of right so user want to close popup than can do. I am using cf7 in catalog mode and it's opening popup while user click on send inquiry but there is no close button or icon so please share code so i can do. Thanks in advance
@careofweb
3 жыл бұрын
How do you triggered the Popup? Which pop-up maker you are using?
@dsuinfotech
3 жыл бұрын
@@careofweb hello any update?
@careofweb
3 жыл бұрын
Your last comment was disabled by KZread, will you please share the comment at support@careofweb.com
thanks for video. i have a question . i want text above the name box for description. can it be possible ?
@careofweb
3 жыл бұрын
Yes it is possible. just put your description before the "Name" template. here is the screenshot: prnt.sc/ukkrk7 look at the output here: prnt.sc/ukks4x you can easily customize the text with html code.
Elementor mai field ka colour /button colour change kar sakate hai kya
@careofweb
4 жыл бұрын
Nehi, Elementor se nehi hoga. Elementor ke ek premium adon hai, 'Ultimate Adon for Elementor' issme contact form 7 ko customise karneka options hai. Https://careofweb.com/uae
Sir mara pass kafi sara contact form hai ma jab yaha per apply krta hon code tu wo auto matically hi sab forms per apply ho jata hai ma kese jo form krna hai sirf us per apply kr skta hon?
One More question- How to reduce the distance between the placeholders?
:) From bangladesh
@careofweb
3 жыл бұрын
Thanks
top menu bar kaise banaye elementor se...
@careofweb
4 жыл бұрын
Iske liye Elementor Pro chahiye. Elementor 'Nav menu' element use karke aap bana sakte hai.
Aise.hi.main menu ka video bnao sir
@careofweb
3 жыл бұрын
Aapne ye video dekha hai keya? kzread.info/dash/bejne/ZYFkpqd-edi7n7g.html
@top5handicraft142
3 жыл бұрын
Now seen. Excellent video
@careofweb
3 жыл бұрын
Thanks
@top5handicraft142
3 жыл бұрын
Sir oceanwp me menu jb screen chota krte h to vo niche slide ho jata j vo kaise fix hoga.. Have a look. Bitmoney.sphericweb.com Iska screen chota kre apko dikhega
Elementor me contact form ka width kaise kum kare
@careofweb
3 жыл бұрын
1.Jis column me form add kiye ho use kam kar kariye 2. Contact form ke Advance settings me jake left aur right me padding add kariye
@anamikasinha6446
3 жыл бұрын
@@careofweb thank you
@careofweb
3 жыл бұрын
Welcome Dear ❤️