Skip to:
Content
Pages
Categories
Search
Top
Bottom

icons next to navigation?

  • @skateage

    Participant

    hello buddypressers,

    I am trying to figure out how to put an icon on the left of the text on each navigation tab(each tab having a different icon).

    The website is http://www.skateage.com

    I have made a mock up of what i am trying to do in photoshop. Here it is-
    http://i54.tinypic.com/3323w39.gif

    Thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • @suchaqd

    Participant

    You’ll have to tweak the header file a bit to assign unique classes that correspond to those tab links. But while you’re at it, you might as well just turn those tabs into Custom Menu tabs (WP 3.0 feature) like @modemlooper detailed here… http://modemloop.wordpress.com/2010/11/30/buddypress-drop-down-menus/ (just take those li classes and drop in some background pics for your tabs).

    @skateage

    Participant

    The dropdowns look great however they seem like they would be a bit confusing to users. What exactly would i need to edit in the header file?

    @skateage

    Participant

    sorry to bump, but can anyone give me a hand?

    @mercime

    Participant

    – Copy over the header.php from bp-default theme to your child theme.
    – Open header.php and add class to the li’s of default BP components starting from line 47 on header.php

    <li class="icon-home">
    <li class="icon-activity">
    <li class="icon-members">
    <li class="icon-groups">
    <li class="icon-forums">

    You would have to ask plugin authors of “Links” and “Achievements” on how to generate addition class for styling hook.
    – after you’re done, save and upload to your child theme folder in server
    – in style.css add background image to li.icon-members, li.icon–groups, etc.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘icons next to navigation?’ is closed to new replies.
Skip to toolbar