-
AuthorPosts
-
July 28, 2015 at 9:35 pm #479922
Hi there,
I’m wondering if there is any possibility to create a (semi-transparent) overlay over a map?
I tried it with “code” but wasn’t successful yet…Thank you so much for giving me a hand!
Bye,
DanielaJuly 29, 2015 at 4:25 pm #480330Hey Daniela!
Please create a testing page and add Google Maps and add the overlay you would like to display below it then create a temporary admin login and post it here privately so we can look into it.
Regards,
YigitJuly 29, 2015 at 7:00 pm #480388Hi Yigit,
you’ll find the information below!
Thank you so much!!!- This reply was modified 9 years, 3 months ago by Magnolia. Reason: link-correction
July 29, 2015 at 7:42 pm #480405Hey!
You are currently using an older version of the theme. Please update Enfold to the latest version 3.2.3 – kriesi.at/documentation/enfold/updating-your-theme-files/
to be able to edit column elements. You can then edit your column element that has your text and give it a negative top margin to move it over your map. Then you can enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your column a custom CSS class and add following code to Quick CSS in Enfold theme options under General Styling tab.your-custom-class { background-color: rgba(0,0,0,0.4); }
Best regards,
YigitJuly 29, 2015 at 7:54 pm #480407Hi Yigit,
I’ve done the update yet!
BUT after the update here was no content shown anymore at the backend… ?!?UPDATE 1: I’ve downloaded the theme once more again directly from themeforst.net and loaded it up –
NOW it works! BUT I had this problem another time before…UPDATE 2: I was able to do the overlay – have a look at the link below.
Is there also a possibility to make the layer transparent?I’d be glad for your help – for any HELP!
Thank you soooooooo much!!!
Daniela- This reply was modified 9 years, 3 months ago by Magnolia. Reason: transparent layer
July 29, 2015 at 9:03 pm #480422Hi!
Please flush browser cache and refresh your page a few times- http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Cheers!
YigitJuly 29, 2015 at 9:19 pm #480425Dear Yigit,
I’ve found the solution:
.contact-box { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }
Now it looks quite the way it should look like.
Now I try to get rid of the space below the map…
But I’m almost there where I want to be.Thank you soooo much for your outstanding, great help!!!
Big hug!
DanielaJuly 29, 2015 at 9:25 pm #480428Hm. I’ve no idea how I can manage it to get rid of the 200px space below the map.
When I edit the “Edit Column” (margin-bottom: -200px) there is no effect…
Maybe you’ve an idea where to change this?Thx and good night!
DanielaJuly 30, 2015 at 12:40 am #480477Hey Daniela!
Please add following code to Quick CSS as well
.page-id-2 #after_full_slider_1 .content { padding: 0; }
That should take care of that unwanted space below your map :)
Regards,
YigitJuly 30, 2015 at 10:50 am #480594Hey Yigit,
thank you SOOOOO MUCH!!!
It made me sooooo happy that I was able to realize this overlay-idea :)))))You’re my hero! :)
Regards,
DanielaJuly 30, 2015 at 11:30 am #480619 -
AuthorPosts
- The topic ‘Overlay over map’ is closed to new replies.