Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #528725

    I was having an issue with the linked images in the middle of the content area on the home page (they also did not appear on a blog post page– not created in the avia builder) and on the blog listing page

    http://www.dev.eldernetwork.net

    not displaying…

    So I tried the code

    /* internet explorer 8 issues with the avia-msie-8 style */

    .avia-msie-8 img.alignnone {
    width: auto !important;
    }

    And the images appear OK on the blog page and blog listing page, but they break out of the 1/3 column boxes.

    How do I control the size of the images so they stay in the boxes and look nice

    Issue 2– the middle button — “Grantham, NH” should appear blue but stays the default green in IE8

    Thanks

    #529336

    Hi dcarlsondesign!

    Can you please try using following code

    .avia-msie-8 img,.avia-msie-8 a img { width: 100% !important; }

    Cheers!
    Yigit

    #529368

    Hi Yigit,

    I tried the code … but it has no effect on the images on the frontpage of the site in the 1/3 column cells

    And worse … it makes the logo disappear.

    Any other suggestions.

    page link…
    http://dev.eldernetwork.net/

    thanks,
    dcarlson

    #529709

    Hi!

    Please try this code instead:

    .alignnone {
        width: 100%;
    }

    Cheers!
    Ismael

    #530148

    Thanks Ismael,

    The .alignnone { width: 100%;} works

    if I add the .avia-mise-8 before it like this

    .avia-mise-8 .alignnone { width: 100%;}

    How is the .avia-mise-8 class applied? To the <body> tag?

    So if I wanted to style a specific page I could do it something like .avia-mise-8 #page-id {style}?

    Also do image rollover buttons not work in IE 8 as on page–
    dev.eldernetwork.net/my-town
    The rollover buttons don’t show a hover color…or if I change the default color from green to blue it does not seem to work.

    Thanks again for the right code.
    dcarlson

    #532486

    Hi!

    for a specific page you would need to use page ID with a “point”, instead of “#”:

    .avia-mise-8 .page-id {style}
    

    Try to clear browser cache and hard refresh a few times, to be able to see changes of your hover color. However, IE8 is a very old and out-dated browser.

    Regards,
    Andy

    #579616

    Hi there,

    I am experiencing issues with IE9.
    My website is not loading properly on this browser. The menu only loads once I scroll down the page and non of the images and sliders are appearing on the page.

    Would the codes you mentioned above work for IE9 related issues?

    Thank you

    #580159

    Hi!

    The menu only loads once I scroll down the page and non of the images and sliders are appearing on the page.

    The Layout > “Header visibility and transparency” is set to the 4th option which displays the header once the user scroll down. You can set that one to “transparent header” instead.

    Regards,
    Ismael

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