- This topic has 14 replies, 4 voices, and was last updated 6 years, 7 months ago by Robert.
-
AuthorPosts
-
February 1, 2017 at 11:16 am #272959Robert
Hi, I want my page header to be white or a transparency. But after I followed the instructions to merge the header with the content (Im using Elementor builder) it has become totally transparent and I don’t know what to do to make it white again.
My website is below but I made a temp subscriber login as the site is in Coming Soon Mode
February 1, 2017 at 4:23 pm #273038TomLead DeveloperLead DeveloperHi Robert,
Merging your header with the builder below will always make the header transparent. Without making it transparent, it would look the exact same as not having it merged.
Let me know if I’m missing something π
February 5, 2017 at 5:59 am #274533RobertHi Tom, thanks for replying.
I agree with what you are saying, however, I have created websites where the header was transparent but not totally clear. Such as a 50% white header. In those cases, the image below it is slightly visible and goes right to the top.
Prior to merging the header and content, the content started where the header ended. Therefore, a transparent header would not show any effect.
I hope that makes sense and you can see what I am talking about.
February 5, 2017 at 6:32 am #274543LeoStaffCustomer SupportHi Robert,
You should be able to achieve that without merging the header and just use the opacity option in Customizer > Colors > Header > Background.
Let us know if this helps!
February 5, 2017 at 6:42 am #274547RobertOK, thanks, I will try that this week and let you know how it goes. Thanks!
February 5, 2017 at 9:04 am #274620TomLead DeveloperLead DeveloperIf you want the transparency to show the section below the header, then you would actually need to have the header merged as you were doing.
I have it planned to add the transparency pickers to the merged header/navigation options.
For now, you could do this:
.generate-merged-header .site-header { background-color: rgba( 255,255,255,0.5 ); }
February 5, 2017 at 10:15 am #274665RobertHi Tom, thank you for your help. I’ll try that code. Much appreciated.
February 5, 2017 at 10:17 am #274676TomLead DeveloperLead DeveloperNo problem π
February 7, 2017 at 9:54 am #275591RobertThis worked, thank you.
Question for you. I added the CSS in Customize / Additional CSS.
When the theme updates, will it keep my revisions in CSS here or is it essential that I have a child theme?
Thanks.
February 7, 2017 at 11:22 am #275624TomLead DeveloperLead DeveloperYour CSS in there will be safe from updates π
February 9, 2017 at 5:43 am #276534Robertawesome, thanks!
February 9, 2017 at 10:56 am #276660TomLead DeveloperLead DeveloperNo problem π
September 17, 2017 at 5:57 pm #387115RobertRan into a similar issue. Cam across this after a search. I think the confusion for some is that they are expecting a semi-transparent header or the option to add it. Do you think this will be something added to GP anytime soon as a built in option?
September 18, 2017 at 12:16 am #387200TomLead DeveloperLead DeveloperThere hasn’t really been a huge demand for an option, but I’ll definitely keep it in mind π
September 18, 2017 at 8:49 am #387409RobertThanks Tom. I’ve seen a lot more themes implement this as of late, maybe poll the group? lol π
-
AuthorPosts
- You must be logged in to reply to this topic.