Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 13, 2014 at 9:46 pm #318630
    nini_bacher

    Hello,

    I’m looking for a way to fix the Icon Boxes in IE8.

    here safari screenshot compared to a IE8 rendering:
    http://www.joebstl-personalmanagement.at/testseite/ie8.jpg
    The Website Link.

    The Icons are not displayed correctly and parts of the text elements are cut off.

    Would you please help me out?

    Thank you!

    Christin

    September 14, 2014 at 5:02 am #318746
    Ismael

    Hey nini_bacher!

    Thank you for using Enfold.

    You can change the icon box title font size for IE8. Use this on Quick CSS or custom.css:

    .avia-msie-8 .avia-icon-list .iconlist_title {
    font-size: 13px;
}

    Cheers!
    Ismael

    September 14, 2014 at 8:17 am #318810
    nini_bacher

    Hello Ismael,

    thank you for your quick response.

    I added the code, the Icon symbols are now displayed, still they are squarish and the text is cut off.

    What else could I try to make it work?

    Thank you!

    September 15, 2014 at 4:48 am #318989
    Josue

    Hey!

    Here’s how it looks for me on IE8 – http://screencast.com/t/y7q6mleyy0Pq

    Can you post a screenshot of your view?

    Best regards,
    Josue

    September 17, 2014 at 5:11 pm #320601
    nini_bacher

    Hey Josue,

    thank you for getting back to me. I don’t use IE8 so my question is based on a rendering/simulation, which you can find here: Screenshot IE8

    Additionally there is a similar problem with the mobile view, here comes the screenshot: mobile

    Thank you!

    September 17, 2014 at 8:18 pm #320702
    Josue

    Hi!

    There is no way to make them round on a browser that doesn’t support that feature (border-radius). Regarding mobile view could you please elaborate what’s exactly the problem there?

    Cheers!
    Josue

    September 18, 2014 at 8:20 am #320965
    nini_bacher

    Hi Josue,

    thank you for your response, I see that there is not much to do about the question of shape. My concern are the cut-off / cropped words. The word “Personalmanagement” ends after the last M.

    This display problem is visible in IE8 and the mobile version.

    Cheers!

    September 18, 2014 at 5:17 pm #321325
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
h4.iconlist_title { font-size: 12px; }}

    Cheers!
    Yigit

    September 19, 2014 at 6:19 pm #322041
    nini_bacher

    Hello Yigit,

    thank you, it works now.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How can I fix Icon boxes in IE8?’ is closed to new replies.