Forums

WordPress › Support » Themes and Templates

How to reduce the gap between header and menu bar for Mistique theme (4 posts)

  1. moaa
    Member
    Posted 1 year ago #

    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:http://results-driven-blog.com/
    thanks

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    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;
}

  3. mr_fanatic
    Member
    Posted 1 year ago #

    thanks

  4. abhilashkumar
    Member
    Posted 1 year ago #

    @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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags