Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 28, 2015 at 9:35 pm #479922
    Magnolia

    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,
    Daniela

    July 29, 2015 at 4:25 pm #480330
    Yigit

    Hey 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,
    Yigit

    July 29, 2015 at 7:00 pm #480388
    Magnolia

    Hi Yigit,

    you’ll find the information below!
    Thank you so much!!!

    • This reply was modified 9 years, 4 months ago by Magnolia. Reason: link-correction
    July 29, 2015 at 7:42 pm #480405
    Yigit

    Hey!

    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,
    Yigit

    July 29, 2015 at 7:54 pm #480407
    Magnolia

    Hi 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, 4 months ago by Magnolia. Reason: transparent layer
    July 29, 2015 at 9:03 pm #480422
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times- http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Cheers!
    Yigit

    July 29, 2015 at 9:19 pm #480425
    Magnolia

    Dear 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!
    Daniela

    July 29, 2015 at 9:25 pm #480428
    Magnolia

    Hm. 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!
    Daniela

    July 30, 2015 at 12:40 am #480477
    Yigit

    Hey 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,
    Yigit

    July 30, 2015 at 10:50 am #480594
    Magnolia

    Hey Yigit,

    thank you SOOOOO MUCH!!!
    It made me sooooo happy that I was able to realize this overlay-idea :)))))

    You’re my hero! :)

    Regards,
    Daniela

    July 30, 2015 at 11:30 am #480619
    Yigit

    Hey!

    Bitte schoen Daniela, we are always happy to help! Let us know if you have any other questions or issues or similar ideas :)
    Have a great day!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Overlay over map’ is closed to new replies.