- This topic has 13 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hi,
On my homepage > first accordion (title: media) > tab > first , second and third tabs > I have navigation blocks whose background appears white against the grey background of the tab.
Is there a way to fix this so that I don’t have this white/grey outline around the navigation blocks?
Customer Support
Hello there,
For clarity, can you provide a screenshot of the specific element you want to alter? I can’t seem to see the outline you’re referring to.
Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Ofc I provided a link in the priv info
The nav block doesn’t take the background colours of the tabs block and its outline remains white
Customer Support
Hi there.
try this CSS:
nav.wp-block-navigation .wp-block-navigation-item__content { background-color: transparent; }EDIT: apologies for coming back to this, that solution solved the previous issues. It has nevertheless cancelled the submenu colour options I have set with CSS. Is there a way to fixed this? Thank you
Increase the specificity of your CSS like this:
nav.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 16px; color: #101010; background-color: #EEEEEF; }Hi, I do apologize I have tried that but now the submenu has a vertical white stripe on the side . I am unsure what part of the css I need to amend?
Add this CSS:
ul ul .wp-block-navigation-item__content { grid-column: 1 / -1; }EDIT: apologies, the white stripe is removed ut the on hover colour is not applied for the submenus
Phew… that navigation block is a mess lol
Glad to hear its workingEDIT: apologies, the white stripe is removed ut the on hover colour is not applied for the submenus
I agree, the nav block is really difficult to work with..
More CSS… lol :
nav.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background-color: #f00; }Hi, eventually that’s sorted now 😀
Glad to hear that
- You must be logged in to reply to this topic.
