WordPress.org

Support

Support » Themes and Templates » Mystique Help, Header Help

Mystique Help, Header Help

Viewing 12 replies - 1 through 12 (of 12 total)
  • inkhead
    Member

    @inkhead

    ok, i replace the header.jpg… but more then half of it is being covered by the theme… is there a way to lower the theme itself to display the whole header?

    inkhead
    Member

    @inkhead

    is there any css code that will drop the theme down?

    Michael
    Forum Moderator

    @alchymyth

    edit style.css;

    add height:190px; to #header style:

    #header{display:block;position:relative;z-index:5;height:190px;}

    and add position:relative;top:240px; to .shadow-left style:

    .shadow-left{background:url(images/shadow.png) no-repeat left bottom;position:relative;top:240px; }

    this should be all; evaluated with firefox web developer add-on; not tested in any other browsers.

    ps:
    h1#logo { text-indent:-9999px;}
    add this to style.css to ‘remove’ the blog title from the header.

    inkhead
    Member

    @inkhead

    alchymyth that worked with firefox but when i pulled up the page on IE everything was screwed up – then for some reason my 2nd nav column was activated and i had to reset the entire theme to fix it. lucky i had all my css code saved so the reset wasnt that big of headache…

    so still looking for a solution that will work for every browser!

    Michael
    Forum Moderator

    @alchymyth

    a different way to increase the #header height:
    try to add padding-top:290px; to #header style:

    #header{display:block;position:relative;z-index:5;padding-top:290px;}

    as before, checked with firefox; not tested with other browsers.

    Sorry me: Mystique settings > Design:

    upload your header/image by “custom logo image” way.

    inkhead
    Member

    @inkhead

    alchymyth, i need a way to make sure it will work with every browser correctly.

    duca, the header doesnt display the entire header because of the size.

    Michael
    Forum Moderator

    @alchymyth

    i need a way to make sure it will work with every browser correctly

    there is often only trial and error;
    (for instance, i run the four most common browsers on my computer to check this; however, to do evaluation and tweaking the browser would need extra tools, which i have only in firefox with the web developer add-on)

    you can also check the appearance of the page with free sites such as:
    http://browsershots.org/

    inkhead
    Member

    @inkhead

    i made a new header and now its a different height (same width) but now theres space underneath it (since its smaller in height) how do i no how what number of px to change the padding so that it sits right?

    Michael
    Forum Moderator

    @alchymyth

    #header{display:block;position:relative;z-index:5;padding-top:165px;}

    or 160px;

    (as usual: trial/error unti it fits)
    i use firefox with the web developer add-on (free) to play with css and html on live websites (in the browser only) – which give immediate results, and makes tweaking css and html much easier – only downside: it is for firefox only, so IE issues are sometimes more difficult to check.

    Hi Guys,

    So, what would I need to do to reduce the space above and below the logo?

    Cheers, Davy

    Sorted it, I added the following to the user CSS section in the Mystique settings bit

    .shadow-left{position:relative;top:-20px; }

    That way if the theme is updated it wont dissapear on me

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Mystique Help, Header Help’ is closed to new replies.