Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter machound

    (@machound)

    Reverted changes as you suggested and get the following source code:

    Google Chrome (Mac):

    <a class="site-logo" href="https://www.portcullisconsulting.co.uk/" title="Portcullis Consulting | Creative technology driven by business insight"><img src="https://www.portcullisconsulting.co.uk/wp-content/uploads/2014/05/Logo-with-Drop-Shadow.gif" alt="Back Home" width="" height="" style="max-width:250px;max-height:100px" /></a>

    Firefox (Mac):

    <a class="site-logo" href="https://www.portcullisconsulting.co.uk/" title="Portcullis Consulting | Creative technology driven by business insight"><img src="https://www.portcullisconsulting.co.uk/wp-content/uploads/2014/05/Logo-with-Drop-Shadow.gif" alt="Back Home" width="" height="" style="max-width:250px;max-height:100px" /></a>

    Safari (Mac):

    <a class="site-logo" href="https://www.portcullisconsulting.co.uk/" title="Portcullis Consulting | Creative technology driven by business insight"><img src="https://www.portcullisconsulting.co.uk/wp-content/uploads/2014/05/Logo-with-Drop-Shadow.gif" alt="Back Home" width="" height="" style="max-width:250px;max-height:100px" /></a>

    So, I guess that Safari, Chrome and Firefox manage to display the image without the width and height specified, but IE 9 on Windows 8 doesn’t.

    Don’t use IE myself but I guess there are still a lot of unenlightened individuals who do!

    FYI – I’m hosting site on 1and1 servers (Linux) and installed WP via FTP, not the one-click install offered by 1and1 Control Panel.

    + 1 !!

    FYI – I am using a .gif image.

    I will post a new forum post marked unresolved and hopefully it will get picked up by the theme developer and a permanent fix will be included in the next update.

    It’s a great theme.

    Here’s my website:

    https://www.portcullisconsulting.co.uk

    @frx_ Top man – worked a treat!

    @ d4z_c0nf I’m using latest version of Customizr (3.1.13) and latest version of WP (3.9.1)
    I have Retina support enabled. I’m actually test in IE on a MacBook Pro Retina using VMWare fusion.

    The fix from frX_ has worked. Will I have to make this change every time the theme gets updated?

    Hi,

    I have the same issue as above.
    Tried .gif and .jpg files that are actually 250 x 100 with “Force logo dimensions” box both checked and unchecked, but can’t get logo to appear in IE.

    If I delete the logo, then generic logo (Site Title) appears OK.

    Can you please give me more exact details about how you solved this issue.

    Thanks

    Thread Starter machound

    (@machound)

    Thanks, I’ll explore that option.

    Thread Starter machound

    (@machound)

    Thanks.

    After A bit of tweaking, I’ve managed to get it working using the following code.
    I’m using the latest versions of WP (3.9.1) and Customizr (3.1.12)

    Replace the Navigation Label with the following:

    <i class='icon-home'></i>

    And then add this to the Custom CSS section of the Customizr theme:

    /* This code styles the Home icon in menu */
    .icon-home {opacity: 0.55;}
    .icon-home:hover {opacity: 0.8;}

    This shows the bootstrap home icon in the menu and matches the colour of the other menu items and shows a darker shade of grey on hover.

    I want to take it further and show the skin colour on hover, but I don’t think I can change the colour of the icons in Bootstrap 2.3.2 (which this theme is based on) – I’ve tried.
    I’ve tried using the Font Awesome plugin (v3.5), as this has icons that can have colour styles applied, but can’t get it to work.
    Am I missing something obvious? Does this plugin work with Customizr, as it’s designed to work with Bootstrap 3.0.0?

    Any further pointers would be greatly appreciated.

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