Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 21, 2015 at 6:16 pm #400099
    dcarlsondesign

    I am having a problem with Avia text blocks in IE8 that are not contained in their Grid Cells
    I have set up a page in a Grid Row. Main Content on the left in a text block within a 2/3 cell.
    In Internet Explore 8 the Avia text block is not contained within the 2/3 left cell and expands and covers the text in the 1/3 right cell. Is there a fix for this?
    This text block
    <div class=”avia_textblock ” itemprop=”text” style=”font-size:13px; “>
    <h1>Safe Disposal</h1>
    is not contained within–
    <section class=”av_textblock_section” itemtype=”https://schema.org/CreativeWork&#8221; itemscope=”itemscope”>
    or
    <div class=”flex_cell no_margin av_two_third avia-builder-el-1 el_before_av_cell_one_third avia-builder-el-first ” style=”vertical-align:top;padding:30px 30px 30px 10% ;”>
    content is overlapping
    <div class=”flex_cell no_margin av_one_third avia-builder-el-3 el_after_av_cell_two_third avia-builder-el-last ” style=”vertical-align:top;padding:30px 5% 30px 30px ;background-color:#f2e3b5;”>

    A link to the site is below–I have used this as a template to create all the pages on the site. So I am hoping there is an easy code fix.
    Thanks,
    David

    February 23, 2015 at 8:50 pm #400982
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-msie-8 .flex_cell.avia-builder-el-first {
    padding-left: 0 !important;
}

    Cheers! 
    Josue

    February 23, 2015 at 11:05 pm #401067
    dcarlsondesign
    This reply has been marked as private.
    March 3, 2015 at 2:36 am #404897
    Josue

    Hi David!

    Sorry for my late reply, finally managed to get into a Win7/IE8 machine.

    But in the accordion…the logo images inside the accordion are being smashed…

    Add this to Quick CSS:

    .avia-msie-8 .toggle_wrap img{
min-width: 220px;
}

    And on the Post pages the images are being smashed to the left (when floated left)
    And smashed on the right in the Post pages when floated right

    I’m not noting this issue on my end, please post a screenshot.

    And the image disappears when it is alone at the top (perhaps because it is sized larger than the column?)

    Add this:

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

    Cheers!
    Josue

    March 4, 2015 at 4:48 pm #405857
    dcarlsondesign

    Thanks Josue,

    The .avia-mise-8 style is helpful. It worked on the images in the side bar that were not showing for me at
    http://www.twinstatesafemeds.org/our-partners/ and http://www.twinstatesafemeds.org/get-help/

    With the accordion the bottom of http://www.twinstatesafemeds.org taking the links off the images made them appear when they were not showing. I will try your style when I place links here…it should work.

    I know it is a bother styling for Internet Explorer 8…but it appears quite a few people use continue to use it…so I hope Enfold keeps supporting it. I dusted off an old toshiba laptop and now use it to check styles in IE8.

    David

    March 4, 2015 at 5:13 pm #405877
    Josue

    Great, let me know if you need further assistance.

    Regards,
    Josue

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