I've a problem with a wordpress site. Out of no reason the text of a post disappears or is invisible in the frontend. As soon as you zoom out and in the text is showing! This is a problem my friend is reporting to me. I wasn't able to cause this issue by myself. I've cleared the cache and used Safari, Chrome and Firefox in the private mode as well as my friend did. For me it still sounds like a browser issue or do I miss something with this issue? I would like to give you an example but as I said I coudn't cause this issue by myself. Could it be something else except the browser he is using?
EDIT
transitionally I fixed it with this quick n dirty jQuery right above the wp_footer and the </body> tag.
<script type="text/javascript" charset="utf-8">
jQuery(function() { jQuery('body').hide().show(); });
</script>
related to this post google group
If anybody has a better approach please let me know.
Related
I am fairly new to Woocommerce as well as customizing themes and I can't figure out why the below shows up as text at the bottom of the document. I have only served the website locally thus far. I was hoping there was a simple mistake I was making that someone with more experience could clear up for me quickly.
<script type="text/javascript">
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
</script>
This script (as well as others related), also overlays the entire front-page.php and restricts access to buttons and other website functionality as well.
Image of Issue
I haven't included any of my custom theme code. Please ask questions and I will post code as needed.
Thanks!
After just about every form of testing and searching possible. I figured out that my custom CSS stylesheet was causing the issue. The code below was causing all the problems. Not sure why it was allowing the code to show up, but lesson learned. Isn't life funny like that? Forces laugh and attempts smile but instead cries
body *{ display: block; }
I have a site I'm building, here: http://ericbrockmanwebsites.com/dev2/
I'm using Cufón because the font the client wants doesn't look very good when the user is on a Microsoft system or on Chrome. SEO is not important as it's, for the most part, not really open to the public.
The problem is that the page loads with the default font and then the cufón script kicks in a second or so later - every time a new page is loaded. Just ended up looking very sloppy.
Does anyone how to remedy this?
Any help is greatly appreciated!
cheers,
I found this answer works well, since you're using jQuery: Cufon delay in Internet Explorer
You essentially hide the text until it's rendered correctly.
How about hiding all the content until the content is loaded? ie...
In CSS, hide the body
body { display:none; }
Then in jQuery when everything is loaded and the window is ready
jQuery(window).ready(function() {
jQuery('body').css({
'display':'block'
});
});
If the website takes a little while to load you might want to consider using a pre loader instead.
I don't think this is related to JQM but maybe just the CSS.
I have a very basic mobile web page and it loads with the correct css. There is a link on this page that links to the a similar page but with a different css reference.. but it does not apply the css until I hit refresh. I tested this with iphone browser.
anyone having similar issue or seen this?
The way JQM works by default is that it loads each linked page, 'inside' the first page loaded, through ajax.
This is done behind the scenes.
If you want to load different content forced, the quickest way is to make the link an 'external' link using
click here
That's the way I know it will definitely not use ajax. unfortunately this disables the neat page change effects.
In the documentation it says you should use
<script>
$(document).ready(function() {
// disable ajax nav
$.mobile.ajaxLinksEnabled = false;
});
</script>
But this doesn't always work for me.
Remember though that Everything is reloaded, so you will have to include all of your javascript and css in the "new" page.
Another way to achieve what your asking is to load both Css files on all pages and use javascript to media tags to switch between them.
Hope this helps. I spend a long time coming up with a way to make jqm work like a classic website.
So I am building a site for a client. The problem is the menu I made doesn't work on IE. Here's the site: http://robertnogueira.com
You'll see that the topmost menu isn't where it is supposed to be..
I know this could be a very simple problem to fix. But since I am new to web development I really can't find a way to fix it...
Please help me figure it out..
Thanks!
Use CSS conditional comments to target IE and change ul#page-menu css.
You should work on getting the right margin-top for ul#page-menu
First thing to do is fix your code errors, like the broken <div id="header" "> tag that's probably the cause of the menu problems. See your [Invalid]Markup Validation of robertnogueira.com blog - W3C Markup Validator report. Scroll down in the validation report to see line numbers and source code.
Has anyone else ran into the issue where you created a prototype based window using the window.js library and it renders just fine in every browser except IE6?
The test page I am trying to use to debug this issue can be viewed at rik.kmshooting.com/test.php
As you can see, the window graphics, which are background-image values assign in CSS are obviously being wiped out in IE6. I have tried the examples given on the website that actually developed this and it seems to do the same thing there.
I would love it if someone has come up with an answer or good workaround for this issue.
Thanks folks.
~A~
I'm not sure about your particular case, but I have had instances of CSS backgrounds not appearing in modal dialogs on IE6. Pre-loading the image when the page loads using JavaScript solved this issue:
tmpImg = new Image()
tmpimg.src ="image/bg1.gif"
There is a server side fix for flickering background images in IE6.
Add an HTTP header, something like Cache-Control: post-check=3600,pre-check=43200
This page is for IIS but some people mention Apache in the comments:
http://aspnetresources.com/blog/cache_control_extensions.aspx