Part of background image showing below footer - Help please - image

I created a custom page for my ecommerce store and I noticed that part of my background image is showing below my footer. It is only happening on this page so I assume there is something wrong with my new page. Anybody have any answers as to why this is happening? Thank you!
Here's the page... http://www.mmatopsupplies.com/brands/

I didn't investigate long enough to see why it's happening, but a quick fix is adding the following css to your footer.
#ContainerFooter {
margin-bottom:-20px;
}
Alternatively, you could add the css to your .container.footer class. Hope that helps!

Related

Loading the content before hide preloader

I am facing a problem with my preloader. The below is the url.
http://aceklouds.com/bimtec-wp/?page_id=9
In this preloader is not loading first. The content is loading first and then after fraction of seconds, preloader is coming. I am not able to solve this. Can anyone help me with this ??
Thanks in advance.
I have hidden the body before loading and then revealed it. Its working now.

How To Create Custom CSS Theme For Google no CAPTCHA reCAPTCHA

I tried to make any customization to Google no CAPTCHA reCAPTCHA and failed.
The main thing that I want to do is to change its width, height, and color.
Can any one help me please.
The noCaptcha reCaptcha client code is an iframe.
You can just choose between dark and light Google provided themes.
UPDATE: You cannot modify the content inside an iframe, unless it's the same domain. Some services let you pass parameters in the url query, but this is not the case.
I also faced same problem with google new captcha but this trick worked fine for me.
<div class="g-recaptcha" data-theme="light" id="google-captcha" data-sitekey="yoursecretkey" style="transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>
You can also check this link for more information. I hope this will help some one.

jQuery Mobile - next page still has previous page meshed on top of new pages content

Right, I don't really know how to explain this one but I will do my best by giving a scenario:
Homepage -> Contact page
Home page elements and text displays on top of the contact pages text.
Anyone know why this would be happening? Or if there has been any issues like this from the past?
Help and suggestions will be much appreciated
Edit: There is also nested menus and it is always the homepage that displays on top of content. The url seems to change first to the secondary page url, then it suddenly changes to the homepage url. It also blinks but I think this is an issue that jQuery mobile havent fixed using jQuery mobile 1.2.0

Wrong image on like button

To start with I am new to facebook "like" button integration
I have a facebook like button on my webside (http://www.mini-signs.dk/index.html), but the image showing when like button is pressed is incorrect. I've tried to use meta tag
in between and on the page but it seems like it choosing a images name Galleri-Andet-Normal.jpg in the same folder.
I've tried to delete the image and overwrite it, and now something different is showing in the facebook timeline when liking the side, but the image in the like button dialog is still wrong. If i put the content value in a browser the correct image is showing
I've tried a lot of things og googled to solve it my self
Please help me out.
Only option you have is that you change your meta tags and WAIT. Once your page is crawled again, you will get new images :)
Try here and look where is the problem,
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.mini-signs.dk%2Findex.html
All the images referenced by og:image should be at least 200px in both
dimensions. Please check all the images with tag og:image in the given
url and ensure that it meets the recommended specification.
fb:admins and fb:app_id tags are missing.

how does facebook opens short popups for photos and other short messages and remains on same page

While using facebook, when we click on some links, a small box appears in front of us initially showing LOADING and then loads the content e.g. photos, show more etc.
Are they using AJAX to do so!
Please help me in this.
Thanx in advance...!
You might get the same effect using AJAX.
Also look here: http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/

Resources