-
-
Hi guys,
My website is https://grond.vanzestotacht.nl and i really want to be the menu more like this menu https://nubomakelaars.nl/digitale-rondleiding/terneuzen/. Is it also possible to use the same kind of border in the example i’ve added?
Thanks!
-
To be more specific, I want to be my menu item “digitale rondleiding and mijn portefeuille” to be the same as here https://nubomakelaars.nl/digitale-rondleiding/terneuzen/ (digitale rondleiding border)
-
Hello,
The menu is quite the same in style, meaning they are both transparent with white menu item font and border bottom.
What you need to do to make it similar tot he example site, is add a hover color to the background image (add it in the Codeless Slider settings ). So the white font is more visible. Also change the color/width of the border-bottom. The color by default is taken from theme’s main color. To change it you should use custom css. Add the code in your Custom Css box.
As for the menu item that is surrounded with borders, that too is achieved with custom css.
Let us know if you need help.Best regards!
-
Ow wow, i dont know anything about css…
Where do i start?
-
-
.menu-item-2110 {
border: 1px solid #000;
}
.menu-item-2111 {
border: 1px solid #000;
}
——————–
Above didnt work
-
Hello,
To add border to a menu item, try this css. Add the code into your Customize > General > Custom Codes> Custom Css:
.header_container.menu_style-border_bottom #navigation nav > ul > li#menu-item-2078 { border-top-width: 2px !important; border-bottom-width: 2px !important; border-left-width: 2px !important; border-style: solid; border-right-width: 2px; border-color: rgba(0, 0, 0, 0.94) !important; }
Result screenshot: https://postimg.cc/image/4xg4w0z07/
Let me know.Best regards!
-
What am i doing wrong? When i go to the “Customizer -> General” i only see, “site options and page transitions”. I see a menu item called “Extra CSS” but if i put the code there, nothing happens.
-
Got it!
Added it in the css where you showed in the printscreen. Sorry to be a pain in the ass but is it possible to make the spacing above and below the menu a bit less? would be allot nicer if the border would fit better. Thanks for all your help! <3
-
Hello,
Add this css too:
.header_container.header-top > .main, .header_container.header-bottom > .main { line-height: 45px !important; }
Result screenshot: https://postimg.cc/image/h535znbvb/
Let me know.Best regards!
-
Thank you sooooo much! worked like a charm!
Last final question, how come the menu changes from black to white? I really want it to be solid white.
Thanks again for your great help! <3
-
-
You must be logged in to reply to this topic.