Border in Menu Bar

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • March 24th, 2014 at 04:57 #24572
    Emelie

    Hi,
    I read the post about removing the border in the menu bar, which said to add

    #access > .menu > ul > li > a > span {border-right:0;}

    into the custom CSS area.
    I copied and pasted the wording, but it didn’t work for me.
    Would you please let me know if I need to take any additional steps?

    Currently this is what I have in my custom CSS box:
    /* Tempera Custom CSS */
    #access > .menu > ul > li > a > span {border-right:0;}

    Many thanks in advance!

    March 24th, 2014 at 11:19 #24580
    Jim

    Hi Emelie

    I think this could be what you need, if you are just looking to display text only. Try copying and pasting this into your custom CSS.

    #access > .menu > ul > li > a > span {
    border-left: 0px solid #E1E1E1;
    border-right: 0 none;
    box-shadow: -1px 0 0 #FFFFFF;
    }

    I hope it helps

    Jim…

    March 25th, 2014 at 05:03 #24626
    carlylooyah

    How can I delete the menu and just use it in the top right hand bar?

    March 26th, 2014 at 06:52 #24646
    Emelie

    Jim,

    Worked perfectly!
    Thank you so very much!

    Emelie

    May 26th, 2014 at 00:32 #25554
    Sarah

    Thanks for the post on this – I’m trying to do similar, but when I use this custom CSS – while it does remove vertical bards between top menu items, it still leaves a border to the left of the menu. Any hints??

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Border in Menu Bar’ is closed to new replies.