reduce space in menu

Discussion in 'Themia WordPress Theme' started by rostin, Feb 14, 2015.

Thread Status:
Not open for further replies.
  1. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    helli,
    I would like to reduce the space between text and the border in menu items (margin or padding?). pls see the attached image. menu-margin.jpg

    thank you
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu li a {
      padding-left: 5px;
      padding-right: 5px;
    }
     
    
    Thanks & Regards
    Pramod
     
  3. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    Hello Pramod,
    It worked for menu.Two issues:

    1-It does not work for current menu.
    2- When I point to the menu, I think you call it "hover" it will resize to original one.
    Could you fixed that for me?

    Thanks.
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello!

    Please provide URL of your website which will make me better understand to provide you better solution.

    Thanks & Regards
    Pramod
     
  5. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    pls give me your email address.

    tnx
     
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
  7. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:hover a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
      padding-left: 5px;
      padding-right: 5px;
    }
    
    Thanks & Regards
    Pramod
     
    rostin likes this.
  8. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    worked perfectly. tnx
     
Thread Status:
Not open for further replies.

Share This Page