center logo and reduce padding

Discussion in 'BizWay WordPress Theme' started by dan_thach, Mar 19, 2013.

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

    dan_thach New Member

    Joined:
    Mar 12, 2013
    Messages:
    8
    Likes Received:
    0
    Hello,
    I am using your bizway theme. I have increased the size of my logo. Could you tell me how to center it and reduce the spacing between the logo and the menu area? Thank you.
     
  2. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello
    Put the following code in your custom css

    Appearance -> theme options -> styling options -> custom css
    .header .logo {
    margin-left: 170px;
    margin-bottom: 2px;
    }
    You can change the value to adjust according to the size of your logo

    This will solve your problem.

    Thanks.
     
  3. dan_thach

    dan_thach New Member

    Joined:
    Mar 12, 2013
    Messages:
    8
    Likes Received:
    0
    Thank you! I was able to center the logo, but I still have a lot of space between the header and menu bar. I would like to reduce this space. I tried adding the following code to my custom css :

    .header {
    padding-top: 0px;
    }
    .social-links {
    padding-bottom: 0px;
    }
    .header .logo img {
    margin-top:0px;
    }
    #menu .ddsmoothmenu {
    margin-top: 70px;
    }
    but unfortunately even reducing 70px to 0px didn't work. Can you suggest a way to reduce this space? Thank you!
     
  4. versimpelit

    versimpelit New Member

    Joined:
    Mar 13, 2013
    Messages:
    14
    Likes Received:
    0
    Location:
    The Hague, The Netherlands
    these settings are hardcoded in the stylesheet. So changes in the custom css are not having any effect. But you can change the stylesheet if you have the full version of the theme
     
  5. dan_thach

    dan_thach New Member

    Joined:
    Mar 12, 2013
    Messages:
    8
    Likes Received:
    0
    I am using bizway pro. Can you tell me how to change the style sheet?
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,
    The code sent by Harmeet is working properly, It centers the logo and also reduces the space between the logo and menu. And also i have checked the code two times. Use the code given by Harmeet, it will solve your problem.
     
  7. versimpelit

    versimpelit New Member

    Joined:
    Mar 13, 2013
    Messages:
    14
    Likes Received:
    0
    Location:
    The Hague, The Netherlands
    Gourav, the code you mention does work but it only covers the location of the logo and the padding at the bottom of the logo. If you add margin-top: xxpx; (where xx stands for the space you determine) after Harmeet's code you can also manipulate the padding at the top.

    Good luck

    P.S. this prevents you from having to adjust the stylesheet.
     
  8. dan_thach

    dan_thach New Member

    Joined:
    Mar 12, 2013
    Messages:
    8
    Likes Received:
    0
    Hello Versimpelit,
    Thank you! Adding margin-top: xxpx; worked perfectly. I really do appreciate everyone's help!
     
Thread Status:
Not open for further replies.

Share This Page