Transparent Headers in Wordpress with Elementor & OceanWP
HTML-код
- Опубликовано: 27 фев 2018
- Learn how to quickly create eye catching transparent Headers win Wordpress with OceanWP & Elementor with this weeks Design Tips tutorial.
Helping you create better looking websites, one tip at a time.
OCEANWP: bit.ly/2fRHBr0
ELEMENTOR PRO: jo.my/1s0t2s2
Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday.
Take your Wordpress website and skills to the next level!
AFFILIATE DOWNLOADS
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
OCEANWP: bit.ly/2fRHBr0
ELEMENTOR PRO: jo.my/1s0t2s2
Astra Pro: bit.ly/2zruoKn
CSSHERO: bit.ly/2qbrRl6
SLIDER REVOLUTION 5 - bit.ly/2qDFU4G
VISUAL COMPOSER: bit.ly/2rnre70
IMPREZA THEME: bit.ly/2rn5yYx
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
~-~~-~~~-~~-~
Speed Up Your Wordpress Website in 30 Seconds or Less!!
• Speed Up Your Wordpres...
~-~~-~~~-~~-~ 
Хобби
![NoCap - Yacht Party [Official Music Video]](http://i.ytimg.com/vi/rm_lvDln8kE/mqdefault.jpg)
Learn how to build transparent navigation with Elementor & OceanWP in this weeks Design Tips video.
Transparent Header is only available on OceanWP pro version!
you jumped from creating a "Transparent" named page in Dashboard straight to inserting the FINISHED Transparent Header and Transparent Navigation in the Elementor editor, how do i do that....?
Hi! Your tutorials look nice but I just have a question about the Transparent Header No Grid template that you have. How did you do that? I was thinking that this tutorial was made for that purpose. I don't know if I missed any link tutorial for this. Thank you so much for answering this question.
Many thanks for the tutorials! Just purchased the E. Pro version using your affiliated link.
You're a start, thank you :0)
Purchased Elementor Pro and OceanWP Pro way back following your tuts but went with Elegant Themes and DIVI lifetime. Still watching this makes me want to install it again and make some use of the purchase.
I think you should.. I think you'll be surprised how great the combination is and how flexible both of them are ;0)
Divi sucks lol
if you dont want it - send it over- we can trade DIVI lifetime
John Padilla got DIVI lifetime too...
Thanks, that gradient background overlay was exactly what I was looking for, thanks!!
I must be missing something but you jumped from creating a "Transparent" named page in Dashboard straight to inserting the FINISHED Transparent Header and Transparent Navigation in the Elementor editor. The second half of the video is on how you tweak the transparent navigation to show separation from the background image. Also, it looks like you need to have the PRO version of either Elementor or OceanWP... Did I miss a video somewhere in between?
exactly what i was thinking....
Yeah, what gives WPTuts?
@EmilyHodgson u are hot
So @WPTuts how do you use a custom heaader and make it transparent? I can choose one or the other but not both options..
Hey guys, thanks a lot for your tip!!! Loved a lot! What about the menu under the mobile version? It's not showing up! Do you have any clue?
Great tutorial. How do you get the border at the bottom of the navigation to none
I have set my OceanWP header to transparent using the customizer. How is this different?
can you add a sticky header with background that appears only when the header sticks on scroll. So its transparent to start with then on scroll has a background?
WP, can you explain what you did here? The tutorial jumps from opening the elementor template to just being integrated onto the new page. Seems to me that you just lowered the background color to be transparent and then used a negative top margin for the picture below to be placed behind the header??? Maybe I'm wrong but I've tried that method and it makes it really hard to edit the section below the header when the negative top margin goes above the screen area. I'm confused.....
thank you so much! ♥
My pleasure :0)
I want to use a slider in the header with the transparent sticky header on top of it.
How do I do that by using Elementor Pro?
Thanks!
Thank you for a great explanation. I have done that but I have encounter a problem that one of my pages (abaou) after I have created content top menu bar is disapeared. Can anyone help me how to fix this issue?
Why can't I see the top menu at Elementor's page builder? Is there a way to see the transparent menu at Elementor when I design my web pages?
Strange. The widget for navigation was not used in Elementor (elementor navigation or ocean navigation) ? Navigation is adeded automatically by OceanWP Estra Addon ?
Please do how to change font color with this theme. Mine is very absurd, I dont know which one is what for.
Thankyou
mike lungu my pleasure 👍
great info.
Sir you are awesome!!
anuj adams thank you very much lol
Amazing, does it works in ASTRA?
hi, i am using oceanwp and elementor. i have created a custom header with grey background and i have a slider on home page which i want to overlap with header a little bit so i have set z index of slider and that section to 1 . in elementor panel everything is looking exactly what i want but when i preview my page slider goes behind the header background(grey color). can u plz help me to get slider to the front??
hi i have a problem i have downloaded de zip but when i try to uploade it in wordpress it dosent work . what should i do ?
I got lost at about the 3 minute point. Currently, I have a custom header that is not transparent and have yet to determine how to insert a background image beneath it. Once that is done, I can then make the header transparent.
I came here thinking looking for how to build the transparent header, not how to tweak the finished header. Wasted my time. Sorry. And reading the comments, I'm not the only one who was fooled by the title.
please add up a sticky header features to oceanwp, so that i can easily make a moder style website
Thanks, i wondering if i can do this with the free version of oceanWP ?
yes you can with the free version
Sanjay Addya thanks.. i already tried, it's Looks great, and i installed a pluging called mystickymenu wich can move your header while we scroll. I have some basic HTML and css knowledge, now ill try to build my own wordpress theme from scratch.
Hi! I have NO basic anything-but wanted the sticky header (I have wpbakery pro and free elemental wpbakery doesn't have header/footer info so I'm back to square 1. I can buy the sticky menu on ocean wp-but am worried I'll end up spending a ton for bits and bobs of things. Does the mystickymenu work well?
pro
Ermmm... can we please get a follow up video explaining how to do the thing this video was meant to show us???
What exactly wasn't covered in the video?
the topic of the video and the contetns in the video hav eno replation. its not showing how to create transparent header, instered, inserting a pre build theme, nonsense video
You speak too much
I change the setting to Transparent but the page still shows below the menu. Why? How can I fix it? Thanks