WooCommerce: Checkout Page
order_review div overlaps the customer_details div, so that you are unable to fill out your billing information. I've tried playing with the z-index but that doesn't seem to be working.
Here is a link to the product page: http://lifestylesconvention.com/shop/adult-couples-registration/
Please fill out the Form and then continue through to the Checkout page. There you will see what I mean. The div for order_review overlaps the div for customer_details on that particular page, so you are unable to fill out the information in the top section.
I'm pulling my hair out trying to figure this out, lol. I'm sure the answer is staring me right in the face, but I just don't see it. Any ideas would be GREATLY appreciated! :)
Thanks in advance!
I've managed to reproduce the problem in firefox.
I haven't found haven't found a solution yet. But I'm confident the issue is jQuery/javascript. Turn off javascript on the page and the problem goes away. You have about 20 scripts loading on the checkout page and I'm afraid I haven't been able to isolate the one responsible.
Not sure what your skill level is, but a few things I would try:
1. renaming the mecurial js directory (temporarily). About half of the scripts come from this directory. If you rename it, the browser wont be able to load them then you can isolate if any of them is causing the error.
2. The problem seems to occur during an AJAX request for /checkout/pay/. My guess woocommerce is disabling the form while it AJAXs some data but then for some reason doesn't re-enable access. Maybe because it can't find /checkout/pay/ (did you delete this page for some reason?)
Hope this helps...Sorry I couldn;t give a definitive solution - I've gotta to my own work.
Good Luck.
You can mimick the second WooCommerce column (perhaps delete that div from your checkout template as you don't use this for a shipping address?). The float: right clears the billing column. It looked differently in Chrome & Firefox btw, because in Chrome it would be 100% wide and float under the billing field, and in Firefox it sat to the right of that column (which I assume is what you want).
#order_review table.shop_table {
width: 48%;
float: right;
}
Related
hope someone can help, I'm a rookie with WordPress, recently made the jump from Joomla.
My client has asked me to put a phone number on every page, top right, I didn't know how to do this, so, with a little digging I found a plugin called 'custom header footer content' this has allowed me to put the phone number in using code within the plugin, however, when you resize the page it moves from left to right and I would like it fixed to be inline with the end of the navigation, any ideas?
I'm sure there must be a better/easier way to do this?
Any advice would be appriciated?
My site is http://xecution.co.uk/pure
Regards
Paul
I have been really struggling with this issue and will do my best to articulate the problem here.
I have a fixed header on my site and on some pages and anchor tag that takes you to the comments section of the page. When you click the link the page shows nothing and appears to be "stuck" meaning you can not scroll back up. When you look at the code you can see the content is there, but you can't see it.
I tried to use some of the fixes that add a margin on the anchor itself. None of them work.
This seems to be a different issue that I can not seem to put my finger on.
If someone wants to take a look at the site (which is currently behind a "Coming Soon" template) I can set up a temporary login and password for you to poke around.
Much appreciated!
I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).
The main page of site: (http://brighidfitzsimons.com) looks good.
However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)
I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.
First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.
Thanks for taking time to read problem.
Regards Simon
It has something to do with the substitutions of the content inside the title, probably some quirk about ie9 which someone else would have more of an idea for me
just so you can take my word for it: http://jsfiddle.net/BXjK3/
the first two i have removed all the greater, lesser and quotes and it works, but I would say the browser does the substitutions before Javascript can see it, and it all goes down-hill
edit: worth mentioning the reason it looks like that is because the text is no longer properly contained, and so the display none is not taking effect on it, pushing all the images down and making it a jumble, due to the way the content is loaded the ie inspection cannot show me how the text is after the javascript, only what was loaded on page load, so i can't give you more help than that
I'm designing a blog in Wordpress using the Thesis Framework and there is an issue that I just can't seem to find a fix to:
Basically everything is fine on the main page, but when I go into any individual post, the side bar is getting pushed off and showing up right down the button of the page (below the comments).
It's pretty obvious that there is some kind of sizing/width issue and I've played around with a lot of the widths in firebug but just can't seem to find where it's going wrong. I can't find a difference between the main page and post pages either.
Any help would be greatly appreciated! A specific solution would be ideal because I've already spent a lot of time tinkering with it to try and address the issue.
Thanks in advance for any help!
I had this problem as well with the thesis framework. I found two reasons where it produced a similar mistake on my blog:
The first reason is that the sidebar + content area is bigger than you container. That would make the sidebar go below the the content. Make sure also that the content of the sidebar is also smaller than the sidebar. I had a Facebook box in the sidebar that was bigger, thus pushed the whole sidebar below the content.
An other reason was a plugin that I had installed. If you have any plugins installed try and see if one of those is interfering with the sidebar layout.
If that doesn't work you can also post a snippet of the code so that I can look at it.
I often have this problem when editing a page in html (text) mode and forget a closing tag, most notably a . If using tables, a missing , or similar will cause this.
So, in brief, make sure all your opening tags have a corresponding close tag.
Make sure the html is syntax-error free. I had the same problem and the culprit was a wrong closing tag (<b/>)
Here is the source:
http://store.bionoricausa.com/index.aspx
All good in FF and Mac browsers.
In IE8 developer mode, the 3 divs immediately below div id="footerIn" are shown being recreated a second time, resulting in a repeating footer.
This is with Compatibility Mode off.
When it is on, the repeating problem is gone, but the header logo is missing.
This page is a port of a WordPress site as home page to a Network Solutions e-commerce site. As you probably know, NS auto-generates a container and table around the header, body, and footer content, interfering with any of your own containers that you may have used in another CMS. I suspect this is most of my problem, as I've had to develop workarounds to display parts of the page properly to match the original WP site. But no matter how I rearrange the footer code, I can't get IE8 to stop doubling it.
Any help would be GREATLY appreciated. Thanks in advance!
Without going through all your markup, I can say I've seen this kind of problem before on IE and it's typically caused by: a tag that wasn't closed, tags that weren't nested propertly, or an extraneous closing tag somewhere. That's where I would start first.
It was the fact that there was a search form in the footer tag - Network Solutions creates a form, container, and table to put the whole page in, so the search form that was part of the page I imported from WordPress wouldn't work (you can't have a form within a form). That is what IE objected to. The nested form caused all the footer tags to go haywire in DW, but DW didn't highlight the form as being a problem at all, just all the divs around it...
Thanks kinakuta for your help.