Reduce space between nav menu bar and portfolio items

  • Posted in : Read WP
  • cognes
    Participant

    Hi there

    I have gone through all 13 pages of read wp posts and have 3 questions it would be great to get any answer on:

    1) I managed to play with the spaces between the title, description and menu bar but I could find nothing that worked to reduce the space between the nav bar (which is mostly made up by departments) and the portfolio items underneath. Please see image below.

    https://dl.dropboxusercontent.com/u/37727692/screenshot.png

    2) Thanks to your great theme I am managing to create a dynamic portfolio using the departments. This approach results in URLs such as this one:

    http://www.mywpsite.com/department/concept-art/

    It would be amazing if there was any way to have these links display a different directory such as:

    http://www.mywpsite.com/work/concept-art/
    Basically swapping ‘department’ with ‘work’ whilst maintaining the functionality.

    Not sure if it is even feasible..!

    3) Is there any way to change the color of the menu items as well as their mouse over color?

    I thank you very much for any help and for your useful theme.

    Cheers

    ahmetsali
    Keymaster

    Hi

    1-) try this custom css code;

    .hentry {
        padding-top: 0;
    }
    .site-header {
        padding-bottom: 2em;
    }
    

    2-) This is not easy to do with a few lines, you may consider working with a pro.

    3-) try this custom css code;

    .main-navigation ul li a, #search-form label {
        color: #6B8DAF;
    }
    .main-navigation ul li a:hover {
        color: #555;
    }
    
    cognes
    Participant

    Hi Ahmetsali

    Thank you very much for the quick response.

    Unfortunately neither the 1) nor the 3) fixes made any change.
    It could be that the current tweaks I have placed in custom css are conflicting with yours?
    The menu color is not being affected by your fix. Could it be because I use font uploader for the site’s font?

    Here is my (yours, from the various posts) custom css code I have in place:

    h1.site-title { font-size: 0em; }
    .site-description { font-size: 1.4em; }
    #nav li a { font-size:1.2em; } /* nav menu*/
    #filters a { font-size:0em; } /* portfolio fitlers */
    h1 { font-size: 0em; }

    h1.site-title a {
    border: 0;
    }
    h1.site-title {
    line-height: 0;
    }
    .site-header hgroup {
    padding-bottom: 20px;
    }
    .site-header hgroup {
    padding-top: 0;
    }
    body.page .site-header { padding-bottom: 0px; }

    .row-fluid.page > article { padding-top: 0; }
    .row-fluid.page > article { padding-bottom: 0; }

    .site-description {
    display: none;

    Any help greatly appreciated!
    Also any tip on where to focus to make change 2) happen would be a god sent but I understand if that’s not possible.

    Thank you so much!

    cognes
    Participant

    Hi

    For everyone with the same problems:

    1) I managed to reduce the space between the nav bar and the portfolio images by putting this in custom CSS:

    #filters { display: none; }

    You can also play with the #filters padding options.

    I still have a major problem dealing with the same space in full with page and most annoyingly in the departments pages. Anything that is mysite/department/whatever/ has got a space between the nav bar and portfolio items that I have no idea where to code it out.

    PLEASE HELP :)

    2) Still no clue how to do that.

    3) It is extremely easy to change colors and make other useful modifications just by accessing and modifying this file:

    wp-content/themes/YOURTHEME/css/main.css

    ahmetsali
    Keymaster

    1-) please provide your page url about your problem.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register