I just discovered that you can target page specific CSS in Elementor Pro by going to settings -> advanced. I think this is a better method if you have pro because the CSS will still be loading globally when added to the customizers CSS.
Hi, thank you for this tutorial. However, when I tried to use ti as you described, it didnt work. I had to delete the "page-id-XXX" and only leave ."customclassname" {...} then it worked. Perhaps "page-id-xxx" only work for Elementor?
Quick solution! Thank you for sharing this.
Thanks, I've been struggling for 5 hours on an issue and I solved it thanks to you !
Great work! This is what I was searching for, for days. It's a must-see video!
Very helpful man, saviour, thanks!
Was looking for this and you saved my time mate. Thanks.
GOLD!
Thank you
Thanks it worked and for me
Thank you so much.
Wow 😍😍 that was amazing thanks a lot ❤️❤️
Hi amazing tutorial .. do you know how change that in each product page ?? not a normal page ... Tnx
Thanks for watching! Good question, I will look into the product pages and make a future video if I find a good solution.
@@WickyDesign Thanks!!
Add custom CSS to individual post, page and CPT
(plugin name)
"WP ADD CUSTOM CSS"
-By Daniele De Santis-
@@LeninLinares007 it adds the css to archive and single products too
thanks
I just discovered that you can target page specific CSS in Elementor Pro by going to settings -> advanced. I think this is a better method if you have pro because the CSS will still be loading globally when added to the customizers CSS.
isnt elementor a plugin,how do you use it?? im a beginner sorry
Hi, thank you for this tutorial. However, when I tried to use ti as you described, it didnt work. I had to delete the "page-id-XXX" and only leave ."customclassname" {...} then it worked. Perhaps "page-id-xxx" only work for Elementor?
the css you applied will appear in all pages.
same here, is seems that doesn't work on storefront theme
Hi, How about targeting menu, How to code?Thank You
does not work for woocommerce pages from my testing
What us elementor? I don't see that button on the top of my page.
I am trying to change the background color of ONLY my homepage
Please how to change each for product page....
Try to use the single product CSS class here (.single-product .headerbg{ background-color:#d0d0d0; })
How can I add css code to the whole page instead of 1 page?
You can add CSS code to the whole website inside Appearance/Customize/Additional CSS
hi can you please tell for every page of website seperate css and jquery files are made or we can add just one file for whole website ?
In most cases the CSS and JS files are reused on the whole website.