Forum Replies Created
-
Posts
-
No. I still see the error message. So I’m not sure how it’s updated but it says the token doesn’t work??? Can I send you a screenshot of what I see in my dashboard?
I am still having a problem with this. I have tried everything you have suggested and waited a significant amount of time for Google to update. I am still getting the message that it “Could not connect to Google Maps with this API Key.”
So I have the API set as follows:
Application restrictions:
Set to HTTP referrers (web sites)Website restrictions:
I have this URL: https://mitchellthomassalon.com/contact/The only change I made was adding the /contact/ to specify the page that the Google Map will display on. Is this the correct change? So far I still get the message (in the Enfold Child Settings) that the API cannot connect to Google Maps.
Thank you for your help. It’s still not perfect, but very close. I think I need to hire a developer to get it to also behave on mobile. Thanks for getting me to a point where I can show them what I want!
I deactivated the plugin as you suggested. I also added your code back in. I still don’t see the changes I am looking for.
Here is all the code that is currently being used:
#top #header .av-main-nav > li {
padding-left: 20px;
padding-right: 20px;
}#top .avia-fullwidth-slider .slideshow_align_caption {
display: flex!important;
flex-direction: column;
justify-content: space-between;
flex-wrap: wrap;
}#top .avia-fullwidth-slider .avia-caption-title,
#top .avia-fullwidth-slider .avia-caption-content {
position: relative;
text-align: center;
}#top .avia-fullwidth-slider .avia-caption-title {
order: 2;
}#top .avia-fullwidth-slider .avia-caption-content {
order: 1;
width: 50%;
}#top .avia-fullwidth-slider .avia-slideshow-button {
order:3;
width: 50%;
}Thank you for this. Unfortunately, it doesn’t seem to be working as expected. I had a happy accident where I changed something in the footer and suddenly new changes showed up here in the slider. I now have the text and button width the way I want it and the text is centered but displayed to the left. The buttons are displayed to the left as well. The title is centered horizontally. And I need everything centered vertically in the image slider.
OK… So I’ve solved one problem. I was able to fix the code so that the order is correct, but now I need help making everything centered and not so wide. I want everything to center vertically and horizontally. Then I want the caption content to not go as wide as the page, but to limit it to being more narrowly centered over the title. Then I also want the buttons to be more narrow as well (not stretch the full width). Any help is appreciated. Thanks!
Here is my current code:
#top .avia-fullwidth-slider .slideshow_align_caption {
display: flex!important;
flex-direction: column;
justify-content: space-between;
flex-wrap:wrap;}
#top .avia-fullwidth-slider .avia-caption-title,
#top .avia-fullwidth-slider .avia-caption-content {
position: relative;
}#top .avia-fullwidth-slider .avia-caption-title {
order:2;
}
#top .avia-fullwidth-slider .avia-caption-content {
padding: 0;
order:1;
}#top .avia-fullwidth-slider .avia-slideshow-button {
order:3;
}
