How to reduce the gap between header and menu bar for Mistique theme

  • Hi there,
    I am setting up a blog based on Mystique theme. I want to do the following:
    1- reduce space between header image and menu
    2- reduce the space between menu bar and main content area
    here is the link to the blog:https://results-driven-blog.com/
    thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • 1. Edit style.css and change:

    #site-title {
padding:4em 0 3.6em;
}

    to:

    #site-title {
padding:4em 0 0;
}

    2. style.css again. Remove padding-bottom:32px;.

    shadow-right  {
background:url("images/shadow.png") no-repeat scroll right bottom transparent;
padding-bottom:32px;
position:relative;
}

    thanks

    @esmi Thanks for the padding tip. It worked perfectly. However, it is better to not edit the style.css at all, and rather the code should be put in the User CSS in Mystique options.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to reduce the gap between header and menu bar for Mistique theme’ is closed to new replies.