• Hi There,

    I am very new to wordpress and been doing good so far. I purchased a theme and the developer cant seem to help me with this. he just tells me to go under #mainmenus in css.style

    I would like to add a border line under my menu. basically one continuous line under home blog contact about

    see css.style code below

    Thanks!

    [902 lines of CSS moderated as per the Forum Rules. Please just post a link to your site.]

Viewing 7 replies - 1 through 7 (of 7 total)
  • First, please note that you don’t need to post your CSS if you post a link to your site. It’s publicly available.

    Secondly, it’s very hard for us to give help on purchased themes, because we can’t download them and examine the code.

    However, if you post a link to your site, we can at least take a look at it to see if there’s an easy answer that we can suggest without looking at the theme’s code.

    Cheers

    PAE

    Thread Starter stephlover214

    (@stephlover214)

    Hi PAE,

    Thanks for responding. Noted on above points for the future.
    This is my site http://www.kpbyoge.com

    Once again Thank You!

    If you want the border to extend the full width of the page content, then add something like this to the end of the theme’s style.css file (accessible from Dashboard –> Appearance –> Editor:

    #mainmenu {
      border-bottom: /* whatever kind of border you want */
    }

    If you only want it to extend the width of the menu itself:

    .menu-top-menu-container {
      border-bottom: /* whatever kind of border you want */
    }

    Obviously it’s up to you to substitute your border specification in place of the comment “/* whatever kind of border you want */”.

    For details on the border-bottom CSS property, see:

    http://www.w3schools.com/cssref/pr_border-bottom.asp

    HTH

    PAE

    Thread Starter stephlover214

    (@stephlover214)

    This is working!! (=

    Only problem is the length isn’t long enough should I add a line like this

    border-bottom-length:15px

    btw thanks for that site suggestion

    If you want it to be wider, put it on the header instead:

    #header {
      border-bottom: /* whatever */
    }

    HTH

    PAE

    Thread Starter stephlover214

    (@stephlover214)

    Awesome! Thanks

    De nada

    PAE

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Border line under menu’ is closed to new replies.