Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • jimcapraro Friend
    #137684

    Using Vauxite, on two different sites, my text logos are not displaying correctly in Internet Explorer, but are correct in Firefox & Chrome. In IE the top of the text is cropped off.

    Take a look:
    http://mfaweb.org/joomla
    and
    http://chicagobankwatch.info username: guest password: guest

    I’ve tried adusting the height parameters in the template.css file but I haven’t found the solution.

    Help would be greatly appreaciated

    Anonymous Moderator
    #289328

    Hi,

    + With http://mfaweb.org/joomla:

    Open file templates/ja_vauxite/css/template.css, at about line 1677, find following code section:

    h1.logo, div.logo-text h1 {
    font-size:300%;
    margin:0;
    padding:0;
    }

    and change to:

    h1.logo, div.logo-text h1 {
    font-size:30px;
    margin:0;
    padding:0;
    }

    + With http://chicagobankwatch.info:
    Open template.css file, at about line 839, find following code:

    h1.logo, div.logo-text h1 {
    font-size:300%;
    margin:0;
    padding:0;
    }

    and change to:

    h1.logo, div.logo-text h1 {
    font-size:30px;
    margin:0;
    padding:0;
    }

    Hope it helps.

    jimcapraro Friend
    #289562

    Thanks for the help, it got me close. Changing Font-size 300% to Font-size 30pix got me close on both sites but still slightly cropped the top of the font. Instead I used Font-size 210% and I got text that doesn’t have the top clipped in IE7.

    Still, I wish I could have the original font size (larger) and not have the top of the letters cropped. Anybody have any ideas on how to increase the vertical space where the text font goes in IE7 so that the 300% font will display correctly?

    Jim Capraro

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

This topic contains 3 replies, has 2 voices, and was last updated by  jimcapraro 15 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum