In my previous video, I showed you how to customize the look of the file upload button and its label using Elementor forms and CSS. Today, you will learn how to customize and change the 'Upload file' and 'No file chosen' text itself using ONLY CSS. We will first create a 'fake' button and a 'fake' label using before and after pseudoelements in CSS and then hide the actual upload button and its label. Don't forget to first assign a class to your form to make these changes only to one or selected forms (not ALL the forms on our website) and then using a few lines of code, we will target our file upload button and its label. See the pinned comment below for the full CSS code! This tutorial is using Elementor builder (FREE or Pro version - find the link below) and CSS.
💻 Grab the CSS code here:
https://www.velvetmade.com/2024/02/19...
🚀 Interactive CSS Basics course for designers and non-coders:
https://www.cssgamelab.com/
👉 Get 20% off using the code VELVET20OFF at Checkout.
––––––––––––––––––––––––––––––
PURCHASE AND DOWNLOAD ELEMENTOR PRO:
https://trk.elementor.com/cssexpress
––––––––––––––––––––––––––––––
SIMPLE CUSTOM CSS AND JS PLUGIN:
To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:
https://wordpress.org/plugins/custom-...
Have fun and thanks for watching!
If this tutorial helped you, please share or subscribe.
––––––––––––––––––––––––––––––
This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.
––––––––––––––––––––––––––––––
Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!
––––––––––––––––––––––––––––––
MUSIC:
Artist: Corbyn Kites
Track Title: Staycation
––––––––––––––––––––––––––––––