Change of Menu Padding and Width

Discussion in 'SwiftRay WordPress Theme' started by joeaquilina, Jan 1, 2013.

  1. joeaquilina

    joeaquilina Member

    Joined:
    Dec 29, 2012
    Messages:
    37
    Likes Received:
    0
    I am using the SwiftRay Theme for the following site - www.partnerandpartner.com . Since there are a number of main and sub-menu items and the menu names are fairly long i would like information and guidance about the following:

    1. Padding – I need to reduce the space between the menu items – which part of the CSS do I have modify. I need to modify the main menu padding (say Accountancy, Taxation, etc) and sub menu padding (say Bookkeeping, Payroll, etc within Accountancy)

    2. Column Width - I need to increase the width of the sub-menu column – which part of
    the CSS do I have modify?

    Thank you for your support.

    Joe
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    #menu-wrapper ul.ddsmoothmenu li{
    padding-bottom:1px;
    }
     
    menu-wrapper ul.ddsmoothmenu li ul {
    width: 300px!important;
    }
    #menu-wrapper ul.ddsmoothmenu li ul{
    padding-top:1px;
    padding-bottom:1px;
    }
    Adjust its values as per your requirements.
     
  3. joeaquilina

    joeaquilina Member

    Joined:
    Dec 29, 2012
    Messages:
    37
    Likes Received:
    0
    Would you kindly confirm that i have to paste the above code and NOT update the respective code in the existing CSS.
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Yes, You can paste the code in Custom css
     
  5. joeaquilina

    joeaquilina Member

    Joined:
    Dec 29, 2012
    Messages:
    37
    Likes Received:
    0
    I have pasted the following and updated the values as suggested:

    #menu-wrapper ul.ddsmoothmenu li{
    padding-top:0px;
    padding-bottom:0px;
    }

    menu-wrapper ul.ddsmoothmenu li ul {
    width: 500px!important;
    }
    #menu-wrapper ul.ddsmoothmenu li ul{
    padding-top:0px;
    padding-bottom:0px;
    }

    have a look at www.partnerandpartner.com

    1. The padding on top of the text is not the same as the padding on the bottom of the text (although the values are the same)
    2. Although i have increased the width of the sub-menu in the CSS, it has remained the same

    What do you suggest?


    Joe
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Please provide the following information listed below.
    Send this information on our email at [email protected]

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    We will check and resolve your issue.
     
  7. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Support mail sent.
     

Share This Page