Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Change font menu

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      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!

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      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)

    • 6 years, 10 months ago Mirela
      Participant

      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!

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      Ow wow, i dont know anything about css…

      Where do i start?

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      The most important part is the border around the 2 menu items.

      I found this, but where do i find the menu item number?

       

      .menu-item-1864 span {

      border: 1px solid black;

      padding: 5px;

      }

      • This reply was modified 6 years, 10 months ago by deepeasy.
    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      i tried menu item 2110 but that didnt work…

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      .menu-item-2110 {

      border: 1px solid #000;

      }

      .menu-item-2111 {

      border: 1px solid #000;

      }

      ——————–

      Above didnt work

    • 6 years, 10 months ago Mirela
      Participant

      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!

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      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.

      https://postimg.cc/gallery/1yygt3crg/

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      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

       

    • 6 years, 10 months ago Mirela
      Participant

      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!

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      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

    • 6 years, 10 months ago deepeasy
      Participant

      Expired

      Nevermind, fixed it!

Viewing 12 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password