I just implemented Google recaptcha on a site and it appears to be having a weird graphic glitch under the box itself.
You can see a picture here:
As you can see, under the captcha there's some glichy looking lines. Does anyone know a way to get rid of this and or if it's supposed to be there? (I don't think so, but the implementation code is taken directly from google themselves).
I had the same problem and figured out that the line height of 20px that I set for the body tag in my CSS file was the culprit. Try this, it worked for me:
.recaptchatable * {
line-height: 4px;
}
For me, I had to choose a THEME in the implementation of the recaptcha instance on a form building widget for wordpress. It was not indicating ANY theme when it was displaying weird. I seleceted "clean" and it works nice.
Example
Related
This looks like obvious but I cant find a way to change the color of the logo inside the autocomplete result box. Google provides dark version of their logo here but trying to change it using CSS:
.pac-container:after {
background-image: url('/images/google/powered_by_google_on_non_white_hdpi.png') !important;
}
Didn't work. I cant seem to find any API calls that would make the widget to fetch the other picture.
Well,
actually this CSS did work in the end. It was a syntax error that made it not to work at the beggining.
I've got a silly problem. It's probably just down to me not being able to see the wood for the trees... one of you geniuses might spot the problem immediately, or at least I hope so!
I've developed a theme for a Magento site using Bootstrap. First I built static HTML templates, which were tested for responsiveness, and they all worked fine.
I then integrated those templates into Magento... and the responsive elements stopped working. They were working initially, but at some point during the site development, they stopped working.
I've looked and looked at it and I can't see what's wrong. I presume there's some sort of conflict with Bootstrap somewhere but I just can't see it. There are no script errors that I can see and everything is loading correctly, but the responsive elements refuse to work.
Can someone take a look at the site at http://www.collaredclergywear.co.uk/ and tell me what I'm missing? I think it's probably something simple but I can't see the wood for the trees anymore.
Cheers,
Willo
One thing in style.css try commenting it. better remove style.css completely and test
.wrapper {
min-width: 954px;
}
Forgive the lack of direction with this question, however I had a my Joomla 3.4 site running fine, then switched to a new host. All of the site transfer went to plan, however one component, Event Gallery by Sven Bluge, which shows a page of photos stopped working.
The page with the component loads all the framework to host the images, but replaces each image with a blank.gif
<img class="eventgallery-lazyme " data-width="800" data-height="533" longdesc="http://raymondthefox.com/components/com_eventgallery/helpers/image.php?option=com_eventgallery&mode=uncrop&width=50&view=resizeimage&folder=raymondsnapshots&file=IMG_0212.JPG" src="http://raymondthefox.com/media/com_eventgallery/frontend/images/blank.gif" style=" width: 50px; height: 50px; background-position: 50% 50%; background-repeat: no-repeat;" alt="Snapshots">
Having looked up this issue on the Event Gallery support pages they suggested it could be a mod_secure problem, or various PHP permission issues.
I contacted my hosting support with this, they investigated and offered the following information.
Declaration of EventgalleryControllerEvent::postSaveHook() should be compatible
with JControllerForm::postSaveHook(JModelLegacy $model, $validData = Array) in
/home/raymygmo/public_html/administrator/components/com_eventgallery/controllers/event.php
on line 16 So we suspect some incompatibilities between Joomla components.
Is there any substance in their response, and if so could anyone outline what it means.
Please comment if more/less information is required and I will update the question accordingly. Apologies for running in blind with this one.
I guess this is already solved. The answer of your hosting provider is worth nothing. But mentioning the switch to a new hosting provider is a good hint.
Event Gallery uses the script /components/com_eventgallery/helpers/image.php to deliver cached thumbnails. If this script has no execution permission you'll see no images. You can either switch on the slow legacy render mode in the components options or you fix those permissions.
I am building a simple HTML page with some images, my FireFox has Adblock Plus—recently installed— and it blocks these images. I look at other similar pages on the net and they are not blocking images so why is it blocking mine?
I do not want visitors to my page to not see images if they happen to have Adblock installed in FireFox.
Some advice to allow images to show whilst ab block is on would be great. I don’t want to write exceptions or anything for my own viewing I want to set my page so that Adblock doesn’t block the images.
I'm assuming that you're not talking about Adsense here but images hosted on your server and hard coded into your page.
If so they're probably being blocked because of the file name and/or path.
Adblock will block images
with common ad dimensions in the file name, e.g. 'myimage_720_90.png' or 'myimage_300x250.jpg'.
with common ad keywords in their path (and file name), e.g. banners, adv, ad.
maybe other filters that analyse CSS or HTML
Check your image file names and rename some to see how it goes, try something generic like 'topwide.png or similar to avoid the filters.
I had a very similar issue, I had some banners to display on an eCommerce site, put them im a folder called banners/size. After the page rendered, the banners would disappear in Chrome. I thought something was going crazy in JavaScript somewhere, I tried in Firefox and everything worked. Only difference, no AdBlock enabled in Firefox!
Inspecting the image statements, it had appended this to every image in the banners folder:
style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px; width="0" height="0"
I renamed the banners folder to img_bnr, sorted!
I had similar issue with filename like this:
adv_s_imagesName.png <-- Blocked by adblock because of "adv" in filename
for me "adv" mean "advanced" but for adblock it's "advertising"!
File renamed, no more block.
Same here - had an image with 'adtech' in the name (abbreviation for advertising technology). Took me ages to figure out that adblocker was blocking because of the filename. Adtech being AOL's ad-serving platform. Understandable keyword to look out for, frustrating chasing you tail for ages trying to figure out why your content image is being blocked.
Ok. I have some experience with HTML and CSS, little with Javascript and none with JQuery.
And I'm trying to try out in my HTML file the Galleria plugin with fullscreen theme but I can't make it work. ( http://galleria.aino.se/ )
It only show the empty page with no pictures. I took the source code from the demo page and I pasted in my page and after some little modifications with the url of the theme, I managed to have on my screen only the image, without the "mechanism". Any help?
I think the instructions were made for an old release of the plugin and that's the reason I can't get it work.
P.S. I found a ready made demo on googlecode, but I can't get the fullscreen feature. Any help?
Try passing debug:true to yield more errors if you are seeing a blank page. Regarding customizations, try the documentation and API reference.