Jump to content
pazyluz

fix problem in IE on one page

Recommended Posts

pazyluz+    1
pazyluz

I have never been successful combining body.ie with .page-id-____ in css.  I can do it in firefox and chrome but not ie.  Is there some other way to do it with IE???

 

If you look at www.clearheartcoaching.com/contact-me in IE, everything below the contact form is HUGE. But only in that browser and only on that page

 


so ideally, to fix this, it wd be body.ie .page-id-113 .menu-footer-nav-container .pullquote ...

 

but nothing happens EVER with that browser combined with a page.

 

yes i have browser-specific plugin

 

Thanks for your help

Share this post


Link to post
Share on other sites
catrina    103
catrina

You should try body.ie.page-id-113. page-id-113 is a class for the body tag, so it should be a part of the same selector.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Thx! Do you mean that there shd be NO space between the the body and class tags? 

And that there should be spaces between that combined tag and the following footer and pullquote tags???

 

 

OK, I just re-tried it, and removing the space didnt work.  I think I'd tried that before...

 

Here's what I'm using, both with and without spaces, and even trying "!important":

 

body.ie.page-id-113 .menu-footer-nav-container .pullquote {

display: none;

}

 

What I'd really rather do is shrink the size of these elements as opposed to hiding them.

 

Please keep in mind, I've tried this combo of body.ie and page-id many times before with no success.  So I dont think its anything specific about this particular event

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there

 

These are the classes being shown on the page for the body, I can't see anything in there relating to IE. You can follow that format below though to insert a new instruction. Page id comes first.

 

 

<body class="page page-id-113 page-template page-template-page-gamma-php custom responsive pagelines gamma full_width body.mobile, body.ipad, body.android, body.iphone navbar_fixed prettify-on desktop chrome">
<div id="site" class="two-sidebar-center">

 

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

james, I'm not so sure this is a css issue since nothing I do in css shows up on the page, and I do mean nothing. So, heres the deal. Everything on that page is huge, magnified, including the form. cd it be something else?

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

I did as you suggested on Live and reversed the order of the page and bosy classes, which I'd also tried before but that made no difference. I do see that in that string at the top near the head, most every browser type I add in css is listed. but body.ie is not.  is there someplace to add that permanently?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Peggy,

 

The only other thing I can think to try is to put the pullquote on that page inside it's own div (give the div class a name) then use that followed by the pullquote in the css, instead of using the page-id.

 

Checked on the support docs and it says the body.ie class at the top of the page will only show in ie, if i look ony your site now i see firefox as that's the browser i'm using etc.

 



    body.ie .mydivclass .pullquote {
    display:none;
    }



Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

hey thx james.  I'll try this.  I'll try that with the footcols too.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Peggy,

 

I just looked at the site and see no enlargement of anything out of the norm.  Below is a snapshot. Did you resolve the issue? 

 

post-6-0-58896100-1362843762_thumb.jpg


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Rob, good morning!  Whatcha doin' workin on a Saturday morn?  No I have not resolved the issue.  Are you looking at it in IE?  Which is where the problem is?  IF so, which version of IE?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Good morning Peggy,

 

Yes, it is IE, v. 9.0.8112.

 

It's possible changes aren't being seen in your browsers due to the browser cache.  Did you do a hard-refresh in IE? (Shift+F5)


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

I pressed Shift + F5 on keyboard but nada. 2 diffferent keyboards: no response.  Rob, if it looks normal to you, meaning the same as on the other pages, then I'm just gonna fugettabouttit!   although, I wd lkike to see a screenshot.  Cdnt open the one you posted

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

I take that back.  I just opened it.  The bottom items (nav and quote are huge compared to the other pages. hmmmmmmm. not a cache issue then.

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

So back to James' idea?  But how do you asssign something to a class?  Dont see any doc...

Share this post


Link to post
Share on other sites
Rob    547
Rob

Peggy,

 

I think you must have an error in some coding related specifically to the form.  I'll explain my logic behind this:

1. The mis-sized code isn't really mis-sized, it's simply bolded, so likely you have an unclosed <strong> or <b> tag somewhere in the form or in custom html relating to the form.

2. The event only appears on this one page, following the form or after it, not preceding it, thus it must be something uniquely related to the form or widgets, not the page or PageLines, else it would appear elsewhere.

3. The CSS in IE9 and Firebug shows the same things.

 

Did you know IE9 has inspection tools similar to Firebug? Press F12 on your keyboard.

 

You can also review the HTML of the page using an HTML validator, which I did and found the error is coming from a text widget containing the times of your operation. See below.

post-6-0-10187200-1362849930_thumb.jpg

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

James idea is a good one, of course, but since the text widget seems to have an unclosed <strong> tag, everything following it is picking up that and is appearing bold, even the pullquote.  If you removed that, I don't believe you'll see anything different, except the lack of your pullquote. 

 

Check the text widget used to apply the contact hours and I'm sure you'll find the issue. Validate it by direct input here: http://validator.w3.org/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Rob, is it my imagination, or is this Above sand Beyond?  Thanks.  I'll dig into that widget if I can remember how.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Dashboard > Appearance > Widgets.  Select the sidebar it's using (probably Primary) and just drop down (open) the text widgets till you find that content. 

 

Copy the content, then validate it.  That will tell you if the code is correct.

 

Above, beyond, and probably over the top!

 

As always, glad to help.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • dloos
      By dloos+
      ONEPAGE has visual errors in IE, objects do not stay separated, and image elongated on next section.  Any Suggestions?  It is coming up with this error from Pagelines on site. 
       
    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

    • MissT
      By MissT+
      On more than one website I'm building there is a massive blank space after the content and pagination within the loops section when viewed on Internet Explorer 11. It looks like the loops-wrap section is about twice the depth it needs to be. Screenshot attached.
      Can provide url via private message.
      WP version 4.4.2
      Platform5 Version 5.0.132
      Loops version 5.0.18
      Many thanks.

    • Audun MB
      By Audun MB+
      This is a boxes section with media at left in IE11
      :
      Boxes with media on top works without issues. 
       
    • Audun MB
      By Audun MB+
      Heroes section acts crazy sometimes. Here's how it looks in IE 11.

      This looks OK, even though it has the same setup as the one above. Only difference is the hero image:

      On the same page, there's another hero section where things act up again, this time with 3 sections. Looks crazy:

       
       
×