To insert code use <code>...</code>.
Sidebar Menu Widget Issues
  • Vote Up0Vote Down gt4877cgt4877c
    1. A space has appeared when I created a subnavigation.

    http://www.3efundraising.com/about-us-2/

    On the lefthand sidebar, there is a gap between 'Charity Workers' and 'Long Term Workers'. How do I get rid of it? Seems like something is inserting a little something extra in there.....

    2. on that sidebar, is there a way to change those arrows to another icon? I tried searching for an answer, but didn't see anything.

    3. Aren't those links on the sidebar supposed to change color when I hover? I set the 'Sidebar Link Hover' to a Green Color. (#2ea400)

    Thanks a million for your help!
    space.JPG
    1288 x 761 - 157K
  • 14 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi,

    for the arrows.. just make your own arrow..... upload it to the images folder with a new filename and replace it in the code below.



    #sidebar .widget_nav_menu li a {
    background: url("../images/widget_list_arrows.png") no-repeat scroll -48px 9px transparent;
    }



    does it work like this?


    #sidebar .widget a:hover, #sidebar .widget a:active {
    color: #2ea400 !important;
    }


    just replace the image with your own and adjust the css code in the custom css field.

    for the gap is there a empty menu item in the menu?

    Best regards,
    BackuPs
  • Vote Up0Vote Down gt4877cgt4877c
    Thanks for your quick reply. Much appreciated!

    Hover Color: Nope, didn't work. It works before the Cufon loads, but as soon as the font changes, it doesn't have a hover color anymore. (I'm in China, and it takes a few moments between when the page loads, and the fonts load.) I have a lot of trouble with those custom CSS codes. I've tried pasting a lot of them into the custom CSS box, but they only rarely work. (Some do work though....)

    Extra space in Menu: No extra items there. I've attached a screenshot of my menu page.

    Thanks again!
    menu.JPG
    1147 x 704 - 87K
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi,

    The cufon add that space.

    You can remove it to get rid of the space. Also it can make the hover color works.

    Cufon.replace("#menu-left-nav-1.menu,#navigation a,h1,h3,h4,h5,h6", {fontFamily : "Segan"});

    to

    Cufon.replace("#navigation a,h1,h3,h4,h5,h6", {fontFamily : "Segan"});

    Regards,
    KaptinLin
  • Vote Up0Vote Down gt4877cgt4877c
    Thanks for your reply. The new code solved the gap, but now the fonts in the sidebar menu are not Segan anymore.....

    Thanks,
    Danny
  • Vote Up0Vote Down KaptinLinKaptinLin
    Sorry. It can't be Segan font if you want remove the gap.
  • Vote Up0Vote Down Michiel_FMichiel_F
    Hi there,

    I would like to change/remove the sidebar-arrows as well. I uploaded an image in the images folder and changed the URL. Unfortunately, this code doesn't work (in my case):

    #sidebar .widget_nav_menu li a {
    background: url("../images/widget_list_arrows.png") no-repeat scroll -48px 9px transparent;
    }


    Is it possible to get rid of the arrows (and the lines below) and have the navigation aligned to the left of the page (see attached image)?

    Thanks in advance!

    Ciao!
    Michael
  • Vote Up0Vote Down Michiel_FMichiel_F
    And now the image ...
    Sidebar-nav-left-aligned-no-arrows.001.png
    686 x 457 - 59K
  • Vote Up0Vote Down BackuPsBackuPs
    Hi

    try this.

    #sidebar .widget_nav_menu li a {
    background: none;
    border-bottom: none;
    padding: 5px 0;
    }


    Please put this custom css code into the custom css field of the striking general settings.

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down BackuPsBackuPs
    To get rid of the indenting of the submenu.....

    .widget_nav_menu li ul.sub-menu {
    margin-left: 0px;
    }

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down Michiel_FMichiel_F
    Hi Paul,

    Thanks for your quick reply!

    I pasted both CSS-codes in the custom css field:

    #sidebar .widget_nav_menu li a {
    background: none;
    border-bottom: none;
    padding: 5px 0;
    }

    .widget_nav_menu li ul.sub-menu {
    margin-left: 0px;
    }

    … unfortunately nothing changes.

    I've tried changing the values, but no luck on that either.

    Thanks!
    Michael
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Michael,

    Can you send me admin login details?

    If you need any help on this can you grant me access to the admin part of your website?

    Just send me a private email with the login details to the admin.

    Click on my name and then on the left you can send me a private email.

    Please also include a link to this thread so i know what the personal mail is about.

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down BackuPsBackuPs
    Hi

    You are using another widget. The code for that is.


    #sidebar .widget.widget_subnav li,
    #sidebar .widget_subnav li a {
    background: none;
    border-bottom: none;
    padding: 3px 0;
    }


    no need to remove the arrow image.

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down Michiel_FMichiel_F
    Hi Paul,

    Looks great!
    Thanks for your help!

    Cheers,
    Michael
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Michael,

    your welcome. If you have any questions left don't hestitate to ask them.


    Best regards,
    Striking Team
    Paul
This discussion has been closed.
All Discussions