can I remove the blank space at the bottom?

  • Resolved peihuafe

    (@peihuafe)


    8 years, 8 months ago

    Hi,

    I would like to make the page more compact. Can I remove or reduce the space
    above and below the ‘Free WordPress Theme designed by GavickPro.com
    Proudly published with WordPre’. Also the space between header image and menu?

    http://www.oakbluegroup.com

    Also my menu disappears into background when hover or active. Is there a way to fix it? I tried this
    .nav-menu li a.hover a.active{
    background: none repeat scroll 0 0 #736F6E;
    text-decoration: none;
    }
    but it didn’t work.

    Thank you!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello There,

    Please follow the following steps.
    go to style.css
    go to line 2660 find padding and replace padding:10px auto;
    and after that paste the following code also
    #gk-footer #gk-social { display: none;}

    Cheers!!

    Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello There,

    And for navigation menu issue please use the following code
    .nav-menu li a:hover {color: #ff0000;}

    I hope it will resolve your issue.
    Cheers!

    Thread Starter peihuafe

    (@peihuafe)

    8 years, 8 months ago

    Thank you Vipin. It works! The bottom space is smaller now. Is there anything else I can set to non display to make the space even smaller?

    Thread Starter peihuafe

    (@peihuafe)

    8 years, 8 months ago

    The menu still disappears … anything I can try? Thanks!

    Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello There,

    Please try the following the code to fix the menu navigation hover effect.
    #site-navigation .nav-menu li a:hover {color: #ff0000;}

    I hope it will work by all means.
    Cheers!

    Thread Starter peihuafe

    (@peihuafe)

    8 years, 8 months ago

    Thank you Vipin! It worked.

    I also used the same syntax to fix the active menu disappear issue. It didn’t work. Appreciate any thoughts on this.

    #site-navigation .nav-menu li a:hover {color: #ff0000;}
    #site-navigation .nav-menu li a:active {color: #ff0000;}

    Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello,
    OK, let me educate you about the terminology
    1. li a:hover{color:#ff0000;}- it is for each item(menu item) on hover.
    2. li a:active{color:#ff0000} – it is only for the current item menu.

    I hope it will give a gentle nudge to your mind.
    Cheers!

    Thread Starter peihuafe

    (@peihuafe)

    8 years, 8 months ago

    Thanks. But I still don’t know how to make the current item show in the menu. Between ‘Home’ and ‘Community’ there is always only one displays after I click on them.

    Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello,
    Please use the following code in your style.css file in order to make your active item visible.
    #site-navigation .nav-menu .current-menu-item {
    background: #fff none repeat scroll 0 0;
    }

    It certainly will work and make your active item visible for the user and you.

    Cheers!!

    Thread Starter peihuafe

    (@peihuafe)

    8 years, 8 months ago

    Thank you so much Vipin for all your help today. I changed some color etc. They are all working now.

    Vipin Saini

    (@vipinkumarsn4)

    8 years, 8 months ago

    Hello Peihuafe,
    Your Welcome!

    Feel free to ask again 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘can I remove the blank space at the bottom?’ is closed to new replies.

Tags