Posts for this topic...
-
Post your comments.... Sign In to Post
-
Lucas Sichardt Thursday 02 Jan 2020 09:22:33
Hello again and a happy new year!
With the last update of Vivaldi browser everything is working finde as long as third party cookies are allowed now.
Still it's needed to allow those cookies - but that's the case in Firefox too. So it seems that they're really needed...Regards,
Lucas
-
Sasa Tkalcan Tuesday 10 Aug 2021 11:15:53
Hi,
I embedded two plotaroute maps to my site through wordpress. None of them would however work.
https://kurkista.fi/2021/08/09/polkujuoksu-uutela-5k/
https://kurkista.fi/2021/08/09/polkujuoksu-mustavuori-10k/My site has no issues running embedded content from eg. Youtube or Thinglink, but Plotaroute for some reason doesn't work.
My main browser is Safari (14.1.1), but tested it with Brave (1.27.111), Chrome (92.0.4515.131) and Opera (78.0.4093.112) too.
Any idea?
Thanks!
S
-
plotaroute admin Tuesday 10 Aug 2021 16:46:13
Hi Sasa,
It looks like the problem is caused by the "fluid-object" css class you have assigned to the container div where you've inserted the embedded map. This css class seems to include a "position: absolute !important", which is overriding the "position: relative" in the plotaroute div. You could overcome this by changing the first part of the plotaroute embed code to say <div style="overflow:hidden;position:relative !important;"> but you may also need to change other formatting you have on the container div if this then affects the page layout.
-
Sasa Tkalcan Tuesday 10 Aug 2021 19:22:54
Hi and thank you for the repsonse and taking your time to look into this.
When dealing with code I am moving on thin ice, but I try and learn. Now, what I did was I copied the embed code from plotaroute and pasted it into the oEmded section of Import Media (see screen shot). After that I have no control over the code and cannot accces nor modify the code, at least to my knowledge.
I have no idea how to go about this and change the bit of code you suggest. What a pity.
-
plotaroute admin Wednesday 11 Aug 2021 07:57:12
You can edit the code from plotaroute in a text editor like Notepad before pasting it into your website.
-
Sasa Tkalcan Thursday 12 Aug 2021 07:33:47
Ok, now I am confused.
In your first reply you state:
"(...)you have assigned to the container div where you've inserted the embedded map". This css class seems to include a "position: absolute !important", but as I mention I only copy&pasted from poltaroute without altering the code which does not contain the bit position: absolute !important. So I have to assume wordpress (or the theme I use) modify the entered code. Right?So how can I edit it if it doesn't contain the bit to begin with?
Now here comes the weird part. In this post https://kurkista.fi/2017/07/24/project-alps the embedded maps work like a charm. Why then and not now anymore?
S
-
Sasa Tkalcan Thursday 12 Aug 2021 07:38:27
Alright, I solved the issue. I now just embedded the code the same way I did four years ago and now it works. Apparently you can embed the code in at least two different ways. I tried it the wrong way =)
Thanks for your time!
S
-
plotaroute admin Friday 13 Aug 2021 08:15:44
That's great. Would you mind sharing what the solution was in case anyone else has the same issue?
-
Sasa Tkalcan Friday 13 Aug 2021 11:08:39
Hi,
sure. I made a quick video to illustrate the rather simple operation.
My initial problem was that I wanted to import the code into my Media Gallery just like I would with a Youtube video using their iFrame code, but apparently it doesn't work the same way with the Plotaroute code. So instead you paste the code directly into eg. the text box's editor in Wordpress as shown in the video.
https://www.dropbox.com/s/yilraond8k5hcs8/Plotaroute_iframe_embed_.mp4?dl=0
best,
S -
plotaroute admin Saturday 14 Aug 2021 06:44:40
Thanks Sasa - that's really helpful.
