Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2017 at 11:01 am #732562
    jacqueschoquette

    I am trying to use a 390px by 38px logo image in my header. I have a PNG of this size uploaded and I am selecting the correct size in the media browser. But when I view the page I can see it’s getting a hardcoded width tag of 300px applied. width=”300″ height=”100″

    Which is causing the image to upscale and look blurry

    January 13, 2017 at 4:28 am #732948
    Nikko

    Hey jacqueschoquette,

    I have checked it and it seems you have already fixed it by adding some css on the logo image.

    Best regards,
    Nikko

    January 16, 2017 at 4:22 am #733859
    jacqueschoquette

    Yes I am upscaling with css but the image is blurry I would like to use the original size image for the logo and not the 300px version. Despite selecting it in the media browser it seems to revert to the 300px version. If you look at the source code there is a hardcoded width of 300px

    January 18, 2017 at 6:21 am #735128
    Ismael

    Hi,

    The width and height attributes are added to the markup to satisfy google crawlers. If you want to remove it, please edit the includes > helper-main-menu.php file then look for this code around line 122:

    $output .= avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    .. set the last parameter to false:

    $output .= avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', false);

    The attributes are not going to affect the actual dimension of the logo because it is specifically declared in the layout.css file.

    .logo img {
    padding: 0;
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    image-rendering: auto;
    position: relative;
    z-index: 2;
    height: 100%\9;
    height: auto\9;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.