Oxygen Builder Tutorial Adding Gradient Color Effect And Opacity To Text
VloĆŸit
- Äas pĆidĂĄn 28. 07. 2024
- đ SUBSCRIBE TO MY CHANNEL HERE: bit.ly/3bjLBr7
đ» OXYGEN BUILDER 4.0 COURSE: bit.ly/3NlVmYU
=============================
Blog Post For This Video: bit.ly/3ursENS
In this Oxygen Builder Tutorial, we're going to create some cool headings with gradient color and opacity inside using some simple CSS. Dive in and enjoy. If you have any questions, do let me know.
â START A WEBSITE/BLOG
======
Siteground Hosting: bit.ly/3ba91PI
WordPress: wordpress.org
Thrive Membership: bit.ly/39HwjM6
â WEB DESIGN TOOLS USED
======
Oxygen Builder for WordPress: oxygenbuilder.com
CSSHero: bit.ly/306CSGl
OxyClass Act: oxyplugins.com/
â GRAPHIC DESIGN TOOLS USED
======
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
#oxygenbuilder #wordpresswebsite #webdesigntutorial
******
đ FULL DISCLOSURE: As an Amazon Associate, SiteGround Affiliate, and 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!
****** - Jak na to + styl
What I tend to use for the gradient is the FREE variant of "OxyUltimate", its an addon that comes with just two elements/blocks, however, one of these is "fancy heading" which has a "gradient" option :). Downside its yet another plugin I guess and CSS works just as well
I'm discovering the features in OxyUltimate myself as I've just added it to my sites. It's certainly saves a lot of time.
Great. It is good to find a nice tutorial about Oxygen.
Thank you so much! Very helpful.
Very nice, loving your tutorials Fabrizio
Very nice, loving your tutorials Fabrizio.
Thanks, that means a lot, just happy to provide a little bit of value :)
Thanks mate! Really cool effect!
You're welcome :) Have fun experimenting with it.
There's a typo in the code snippet on your blog post, instead of
-webkit-text-fill-color
it says
-webkit-textfill-color
Cheers! :)
Yes you're right, thanks for the heads up! :)
Fabrizio, I would like to hide the add to cart button in archive shop (using woocommerce & oxygen)... It's possible?...
Go to 3:21 to go directly to the tutorial :)
Thank you
Hi Frabrizio, i dont know how to invert your BG gradient to your forward text without using JS, but you can put gradient directly on your txt itself : cssgradient.io/blog/css-gradient-text/
I just followed this exact process and my transparent is not turning to the colors I picked. IDK what I am doing wrong because my screen looks exactly like your stylesheet. :-(
Hi, were you able to find a solution and make it work?
@@vanmarciano yes! Thank you!