-
AuthorPosts
-
February 21, 2015 at 6:16 pm #400099
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” 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,
DavidFebruary 23, 2015 at 8:50 pm #400982Hey!
Try adding this code to the Quick CSS:
.avia-msie-8 .flex_cell.avia-builder-el-first { padding-left: 0 !important; }
Cheers!
JosueFebruary 23, 2015 at 11:05 pm #401067This reply has been marked as private.March 3, 2015 at 2:36 am #404897Hi 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 rightI’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!
JosueMarch 4, 2015 at 4:48 pm #405857Thanks 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 #405877Great, let me know if you need further assistance.
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.