- This topic has 13 replies, 3 voices, and was last updated 1 year, 6 months ago by
David.
-
AuthorPosts
-
August 10, 2019 at 4:24 am #980507
Kim
Hi there,
would it be possible to make the Top bar transparent and / or merge with the header? I would like to use a page hero and would like the top bar to be part of it.
Many thanks
August 10, 2019 at 7:16 am #980569David
StaffCustomer SupportHi there,
when you create a merged site header element – the top bar is included within that.
So you can set the Customizer > Colors > Top Bar colors to make the background transparent.If you’re only using the merged header on some pages then we would need to use some CSS to target those specific pages to change the colors. Let me know.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 10, 2019 at 7:59 am #980716Kim
Hi David,
your support is so awesome! I just want it for some pages.
BR Maike
August 10, 2019 at 8:02 am #980719Leo
StaffCustomer SupportTry this CSS:
.header-wrap .top-bar { background-color: transparent; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
If this doesn’t work, any chance you can link us to the site in question?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 10, 2019 at 10:40 am #980829Kim
Hi Leo, this works perfectly π One more question – how can I change the color of the text and menu items now?
BR Maike
August 10, 2019 at 2:04 pm #980910Leo
StaffCustomer SupportDoes the navigation color options within the header element work?
https://docs.generatepress.com/article/header-element-overview/#navigation-colorsIf not any chance you can link me to the page in question?
Thanks π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 11, 2019 at 12:13 am #981086Kim
Hi Leo, yes it works for the main navigation, but not for the top bar content. Unfortunately it is a local installation at the moment.
BR
August 11, 2019 at 4:48 am #981192David
StaffCustomer SupportWhat widgets are you adding to the top bar?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 11, 2019 at 7:36 am #981261Kim
It’s a Menu
August 11, 2019 at 7:43 am #981268David
StaffCustomer SupportTry:
.header-wrap .top-bar a, .header-wrap .top-bar a:visited { color: #ffffff; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 11, 2019 at 8:07 pm #981695Kim
Hi David,
works perfectly for the Menu!
Just for testing I’ve added some text to the Top bar…the color doesn’t also change. I’ve added this code:
.header-wrap .top-bar { color: #fff; }
Works fine!
Seems that the the color option in the Header Element does not affect the Top bar at the moment when having a merged header. Maybe something to add in a future version?
Many thanks for your support π
August 12, 2019 at 3:03 am #981833David
StaffCustomer SupportNo the colors only apply to header and primary nav. Neither secondary nav or top bar are affected. It gets real complicated with the additional elements, as the system cannot tell whats in a top bar for example. Most of these things are cured with a little CSS but we’ll take a look to see how we can improve.
Glad to be of help.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 12, 2019 at 12:29 pm #982352Kim
Many thanks π
August 12, 2019 at 1:20 pm #982390David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.