Forum Replies Created
-
Posts
-
I haven’t implemented it yet on my pages Rikard, since it doesn’t look good.
I want to increase the icons size in comparison tot the text, but keep the text and icon verticallay in the middle of the button.
This is what happens if I increase the icon size:
The image and text don’t vertically align with the buttonAndy,
Any news on this????
My customers are very upset with me, and I have no clue what is going on.
Andy,
I am trying to tell you that I get different screens when I follow your instruction (http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/).
- So after step 2 I see this screen: http://imgur.com/a/C9Xrn
- Then when I click “Create Project and Enable API” I see this screen with an API key: http://imgur.com/a/asnpu
- When you use the copy button in this screen, the key gets a leading and trailing whitespace: http://imgur.com/a/555Em
This API key does not work, with or without spaces.
- In order to get to your step 4 screen I need to go to the following url: https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true
- Then I have to select a project and then I can create a browser key: http://imgur.com/a/y156f (this browser key I have attached in the Private Content of this post)
- This browser key also has a leading and trailing whitespace that the Enfold Google Services does not remove. So I have removed them manually.
This API-key doesn’t work either!
Can you please take a serious look at my site. My customer’s are losing faith in my skills and I really can’t afford it to lose them.
Thank you.
Andy,
First I deleted my current projects from the Google API page.
Then I tried tried to follow your tutorial.
I was logged in to Google.
So I followed the link from step 1 of your tutorial.
But when I clicked “Get a Key” it looked very different from your step 3. (http://imgur.com/a/C9Xrn)When I select “Create New Project” it will load for half a minute and give me an API key.
I paste this API-key, but the Widget still doesn’t load :(
“Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”PS. When you manually select the api key in your browser and paste it, the key has a trailing space. Your interface doesn’t trim the key.I removed the trailing space myself.
And the Google Map from ALB is not working either. It fails to receive coördinates for a valid address :(
Could something be blocking the API key from being transmitted to Google Maps API?
Isn’t this a Javascript solution? How can it be blocked?I am getting really desperate, as none of the Google Maps widgets currently work.
My customers start to complain and I understand there complaints.
There must be some solution to this problem, right?HELP!
I have changed it to domain.com/* but it does not work for me.
The console tells me:
"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error" js:32:350 _.bb() js:32 km/this.H</<() common.js:52 _.py</<() common.js:224 Ul/d() common.js:46 <anonymous> AuthenticationService.Authenticate:1 "Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys"But I have pasted the new API-key in the Enfold “Google Services” settings.
Yigit,
I have added *.yourdomain.com/*
And ofcourse I have replaced “yourdomain.com” with my domainname.Dear Kriesi team,
I have 20 licenses of Enfold.
I love your theme and you support.
This problem however is costing me customers.
I now have to replace 20 maps with a custom widget because the Enfold Google maps API integration is not working.
I hope you can help me out, because I am getting desperate.PS. I have moved the widget to the “Deactivated Widgets” section.
But I still would like a fix to this problem.Google Maps is not working in the footer.
I have followed the instructions to the letter, and set up a browser key.
But when I place the Google Maps widget in the footer, it does not show.
Is the Enfold dev team working on this? This is really essential for my website.
You have never let us down, so I hope you will fix this asap.I now manually inserted the image url ********-1600×400.jpg in the slider.
This is not the solution I was looking for, but somehow I can not inform layerslider that it should use a specific cut from the image.Nevertheless, thanx for your help guys :)
Thanx Rikard, I have manually added a breadcrumb to all pages with the topslider.
I am still looking into making a custom template for the slider and breadcrumb, so I can have a more bulletproof solution.Fixed it, it was the same problem you had.
The x in the source code you send me was wrong.
But now it’s working.However the slider first load “Iris.jpg” and the instantly switches to “Iris-1600×470.jpg”.
This produces a flash in the screen. Can this be fixed? :SOk that is great, I change the CSS to
img.ls-bg.ls-preloaded { margin-left: 0 !important; margin-top: 0 !important; width: 100% !important; height: auto !important; }Since my images are resized to 1600×470 and the current slider is 1600×360.
But the strange thing is (and this happens with height: 100% as well) is that the image disappears after 4 seconds?
It’s a slider with only 1 slide right now.
Any idea what is causing this?Yigit,
I have put these links in the private content of this message.
Really appreciate your help :)
Rikard,
Thanx for your Speedy reply :)
The CSS is wrong I admit, but fixing that doesn’t eradicate my poblem.
The HTML is different too between the homepage and the other page:Homepage (code before slider):
<div id="main" data-scroll-offset="88"> <div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap fullsize" style="height: auto;">The other page (code before slider):
<div id="main" data-scroll-offset="88"> <div class="stretch_full container_wrap alternate_color light_bg_color empty_title title_container"><div class="container"><h1 class="main-title entry-title"></h1><div class="breadcrumb breadcrumbs avia-breadcrumbs"><div class="breadcrumb-trail" xmlns:v="http://rdf.data-vocabulary.org/#"><span class="trail-before"><span class="breadcrumb-title">U are here:</span></span> <a href="http://www.john.doe" title="John Doe" rel="home" class="trail-begin">Home</a> <span class="sep">/</span> <span class="trail-end">The other page</span></div></div></div></div> <div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap fullsize" style="height: auto;">Where can I edit this piece of code of the other page?
Andy,
That doesn’t really answer my question.
My solution creates “Iris-1600×470.jpg” from the uploaded “Iris.jpg”.
How can I force Layerslider WP to use this generated thumb.Layerslider now just loads Iris.jpg.
Rikard,
Doh! I did not know you could use HTML in that.
Thank you.Is there a way to make the whole panels clickable though?
Jordan,
Thank you, but now when the page is not scrolled there is a color difference between the header and the meta-header and somehow I can’t figure out what is causing that?
