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

  • @supratimbiswas8249
    @supratimbiswas8249 Жыл бұрын

    2 years later it still works thanks for the help bro

  • @careofweb

    @careofweb

    Жыл бұрын

    Welcome Bro ♥️

  • @nabannainsight
    @nabannainsight2 жыл бұрын

    This is the only kind of video that I wanted.

  • @careofweb

    @careofweb

    2 жыл бұрын

    Thank You ❤️

  • @nusratanjum_96
    @nusratanjum_962 жыл бұрын

    One of the finest video ever.. thankyou soo much for this informative tutorial..😊

  • @careofweb

    @careofweb

    2 жыл бұрын

    Thank You Dear

  • @fayazuddin8621
    @fayazuddin86213 жыл бұрын

    God bless you with more monetary resources to make more and more useful videos for the learning community.

  • @careofweb

    @careofweb

    3 жыл бұрын

    Thank You for your appreciation and good wishes .

  • @payal4916
    @payal49162 жыл бұрын

    Very Useful 👍 info...Thanks a bunch

  • @careofweb

    @careofweb

    2 жыл бұрын

    Most Welcome

  • @SAURABHveryHOT
    @SAURABHveryHOT3 жыл бұрын

    Wow, Great video sir.

  • @careofweb

    @careofweb

    3 жыл бұрын

    Thanks Dear ❤

  • @vijaykumarjog51
    @vijaykumarjog514 жыл бұрын

    Helpful video God bless you

  • @careofweb

    @careofweb

    4 жыл бұрын

    Thank You ❤️

  • @malikfahad1603
    @malikfahad16033 жыл бұрын

    Great video bhai maza aa gya 👌👌

  • @careofweb

    @careofweb

    3 жыл бұрын

    Thanks

  • @iarghya
    @iarghya4 жыл бұрын

    Interesting and very good video 👌.

  • @careofweb

    @careofweb

    4 жыл бұрын

    Thanks ❤

  • @GeetaDevi-jq5wl
    @GeetaDevi-jq5wl4 жыл бұрын

    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

    @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

    @GeetaDevi-jq5wl

    4 жыл бұрын

    @@careofweb courier tracking ka plugins eagleshifting.com/track/ Is type ka

  • @GeetaDevi-jq5wl

    @GeetaDevi-jq5wl

    4 жыл бұрын

    @@careofweb ek plugins hai wp cargo plz uska video banaye and usme agent login kaise hota hai wo bhi bataye

  • @ramakrishnapanigrahi
    @ramakrishnapanigrahi3 жыл бұрын

    Nice video Sir..Please upload Shopify development tutorial..

  • @waqasmuhammad6200
    @waqasmuhammad62004 жыл бұрын

    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)

  • @Rahul_Seth
    @Rahul_Seth4 жыл бұрын

    *Bahut dino k bad Sir welcome back Sir* project based tutorial banaeye Sir

  • @careofweb

    @careofweb

    4 жыл бұрын

    Ha year, client ke kam karte karte samay nehi mil raha hai. Banaunga. Aage series videos lanebala hu.

  • @unitraco65
    @unitraco652 жыл бұрын

    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.

  • @matchboxtea
    @matchboxtea2 жыл бұрын

    Very informative video. I want to know how can we customize the button by elementor

  • @careofweb

    @careofweb

    2 жыл бұрын

    Specifically Elementor se aap CF7 ki button style change nehi kar sakte. lekin globally button ka style change kar sakte hai.

  • @bhavikkariya5274
    @bhavikkariya52744 жыл бұрын

    nice sir

  • @careofweb

    @careofweb

    4 жыл бұрын

    Thanks ♥️

  • @DeepakKumar-sv3io
    @DeepakKumar-sv3io Жыл бұрын

    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

    @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; }

  • @dsuinfotech
    @dsuinfotech3 жыл бұрын

    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

    @careofweb

    3 жыл бұрын

    How do you triggered the Popup? Which pop-up maker you are using?

  • @dsuinfotech

    @dsuinfotech

    3 жыл бұрын

    @@careofweb hello any update?

  • @careofweb

    @careofweb

    3 жыл бұрын

    Your last comment was disabled by KZread, will you please share the comment at support@careofweb.com

  • @mnnulovely
    @mnnulovely3 жыл бұрын

    thanks for video. i have a question . i want text above the name box for description. can it be possible ?

  • @careofweb

    @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.

  • @medhaghodge7918
    @medhaghodge79184 жыл бұрын

    Elementor mai field ka colour /button colour change kar sakate hai kya

  • @careofweb

    @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

  • @techdailydose3865
    @techdailydose38652 жыл бұрын

    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?

  • @DeepakKumar-sv3io
    @DeepakKumar-sv3io Жыл бұрын

    One More question- How to reduce the distance between the placeholders?

  • @dev-mahir
    @dev-mahir3 жыл бұрын

    :) From bangladesh

  • @careofweb

    @careofweb

    3 жыл бұрын

    Thanks

  • @TechKushwahaJi
    @TechKushwahaJi4 жыл бұрын

    top menu bar kaise banaye elementor se...

  • @careofweb

    @careofweb

    4 жыл бұрын

    Iske liye Elementor Pro chahiye. Elementor 'Nav menu' element use karke aap bana sakte hai.

  • @top5handicraft142
    @top5handicraft1423 жыл бұрын

    Aise.hi.main menu ka video bnao sir

  • @careofweb

    @careofweb

    3 жыл бұрын

    Aapne ye video dekha hai keya? kzread.info/dash/bejne/ZYFkpqd-edi7n7g.html

  • @top5handicraft142

    @top5handicraft142

    3 жыл бұрын

    Now seen. Excellent video

  • @careofweb

    @careofweb

    3 жыл бұрын

    Thanks

  • @top5handicraft142

    @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

  • @anamikasinha6446
    @anamikasinha64463 жыл бұрын

    Elementor me contact form ka width kaise kum kare

  • @careofweb

    @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

    @anamikasinha6446

    3 жыл бұрын

    @@careofweb thank you

  • @careofweb

    @careofweb

    3 жыл бұрын

    Welcome Dear ❤️