remove border for tabbed menu (4 posts)

  1. andrew55
    Posted 2 years ago #

    I'm working on getting menu coded into theme. I got much of it completed, but I ran into an issue with the tabs. I am trying to get the tab which is active to not have a border at the bottom so it appears to be open, to give the impression it is connected to the content area. I was looking for direction into how to achieve this. Is it a matter of removing border from top of content wrapper, putting border on header area, and creating a visible overflow? I've heard of that but never tried it. I believe this effect can be seen in the wordpress.org site, and many other templates (including the default theme for buddypress), but I can't see how to do it from any of those examples. Thank you for any suggestions. Here is the link to site I am working on: http://www.lifeleap.org/go/

  2. andrew55
    Posted 2 years ago #

    After hours of searching through a lot of garbage, the best solution I found was a tutorial from 2003:


    It demonstrates a method using, using images, to bleed the current tab through the border.

    Has anyone seen anything like this, but css based instead of image based? I'm trying to get away from using images as much as possible. Thank you for any help.

  3. Andrew
    Forum moderator
    Posted 2 years ago #

    This isn't a WordPress issue.
    Why don't you just add top: 1px; to the selected anchor element?

  4. andrew55
    Posted 2 years ago #


    Have never seen that before. Thanks - works great!

Topic Closed

This topic has been closed to new replies.

About this Topic