Custom Search Form Using HTML And CSS Code Block In Oxygen Builder

🔆 SUBSCRIBE TO MY CHANNEL HERE: bit.ly/3bjLBr7
💻 OXYGEN BUILDER 4.0 COURSE: bit.ly/3NlVmYU
=============================
BLOG POST TO THIS VIDEO: bit.ly/31HsyF7
In this tutorial, we'll create a custom search form landing page in Oxygen Builder using HTML and CSS. This form was created using a code block, one of my favorite features in Oxygen Builder.
✅ START A WEBSITE/BLOG
======
Siteground Hosting: bit.ly/3ba91PI
WordPress: wordpress.org
Thrive Membership: bit.ly/39HwjM6
✅ WEB DESIGN TOOLS USED IN THIS VIDEO
======
Oxygen Builder for WordPress: oxygenbuilder.com
CSSHero: bit.ly/306CSGl
OxyClass Act: oxyplugins.com/
✅ GRAPHIC DESIGN TOOLS
======
Affinity Designer (Mac Version): bit.ly/3fdTPCV
TinyPNG: tinypng.com/
✅ GEAR USED TO RECORD THIS TUTORIAL VIDEO / SCREENCAST
Individual links to products on Amazon.
======
**Panasonic Lumix G7**
Amazon US: amzn.to/2IKQCzT
Amazon UK: amzn.to/2S93CS8
**Rode VideoMicro Mic**
Amazon US: amzn.to/2ZrKaox
Amazon UK: amzn.to/3aHc7KC
**Ronin SC Stabilizer**
Amazon US amzn.to/38deBQX
Amazon UK: amzn.to/2SbNwr8
✅ FULL VIDEO KIT
bit.ly/3lUE2Nq
🎵 MUSIC
======
SoundStripe: bit.ly/32hJ0wB
👕 FVM MERCH STORE
======
www.vanmarciano.store/
💥 PATREON PAGE
======
/ vanmarciano
✅ FOLLOW ME
======
Instagram / vanmarciano
Facebook / fabzvanmarciano
Twitter / vanmarciano
✅ VISIT MY WEBSITE
======
www.fabriziovanmarciano.com
✅ VISIT MY BLOG
======
www.magnet4blogging.net
#searchformtutorial #webdesigntutorial
******
🛑 FULL DISCLOSURE: As an Amazon Associate, SoundStripe affiliate, SiteGround Affiliate, Thrive Themes Affiliate - I earn from qualifying purchases. If you decide to purchase using any of the affiliate links in this video description, I will get a small commission at no extra cost to you. Thanks in advance!
******

[@mrhuault]

Great tutorial… as usual ! Keep this good style up to feed us ; ))

[@vanmarciano]

Thank you, Pierre, glad you are enjoying them :)

[@ApoxWarrior]

Hi, Fabrizio. The search doesn't work on static pages, it only works on posts? I have blocks of information that are not found by the Wordpress search. What do you suggest I do? Thank you

[@vanmarciano]

That's interesting, I will have to check this :)

[@digitomnl]

nice tutorial, any follow-up on making the form responsive?

[@BallinVille]

Excellent video. I saw a search-form that I liked a lot but I don't know how to do it. It is only the magnifying glass icon and when you click it the search-form box opens. I would really appreciate it if you could make a video about it. I can pass you the url of the page where I saw that trick by private message. But if your answer is no I still appreciate your videos about oxygen. Greetings.

[@bomakalu]

Hi there. have you got any nice snippets that say. sorry your search was empty only if empty and then say please search again? thanks

[@Diyidun]

Hello. is it possible to integrate bootstrap inside Oxygen builder? because until now I don't know how to access to the code behind the elements is on the page.

[@vanmarciano]

You might find this video useful czcams.com/video/Jj9wXV2eu1w/video.html

[@parusha22]

I cannot get any of the solutions for modal scroll to work so it would have been helpful if you could have demonstrated

[@theenigmafactory]

I pasted all the css and html in the code block but didn't work doesn't display at all like your search bar

[@fahmidaakterdina875]

Font awesome is not good for website performance. How can I show an icon that is saved in my host as a PNG or SVG file?

[@YasienSarlie]

Do you have any design sets available?

[@vanmarciano]

In the works 😉

[@theenigmafactory]

Doesn't work in a section?