Snake-Plissken

as usual and always with the built in wizard…

Hey,

sorry for the delayed response. too busy lately to work on the site. I think i have figured it out. I was using the maintenance mode of my theme and when I activate the firewall with that active, it goes haywire. If I disable maintenance mode, enable firewall and then reactivate maintenance mode, it seems to work. SO far.

Unfortunately, I didn’t get much time lately to work on that project. I will have to update in the next few days/weeks if the error or issue comes back. Especially with maintenance mode disabled.

Hey @mistermagoo8691
sorry for being late to the solution. Yeah, I do like the map as well. I don’t even know, is there a way to define different base maps when you insert the shortcode.

That would be fantastic…

Hi it seems that,

.leaflet-bar a, .leaflet-bar a:hover {
    background: var(--color-content-bg-grad);

puts my background color in front of the actual icon. Also, I would rather have the boxes in a light style. same as the button to select the map layer, rather than the dark background color.

So I did:

.leaflet-bar a, .leaflet-bar a:hover {
    background-color: #fff !important;
    color: #333;
}

Can you tell me how to deactivate the enlarging of the zoom, GPS, and fullscreen buttons when hovering? I just noticed it’s only on my site and not on your test maps on the waymark website.
This also messes up the icon for fullscreen…

If I set

.leaflet-control-fullscreen a {
    background: #fff url(../images/fullscreen.png) no-repeat 0 0 !important;
    background-size: 26px 52px;
}

to important, I get the icon for fullscreen but it’s not centered. If I do so, won’t I lose high dpi support?

I can only get the icon to be centered when I uncheck in my browser’s element inspector. But I don’t know how to make that happen in CSS.

.leaflet-bar a, .leaflet-bar a:hover {
    background: var(--color-content-bg-grad);

Update.
It seems the fullscreen icon is there, but it uses my content background color as color for the icon and background. I am unfortunately not that fit in CSS. How can I change that?

That sounds awesome.

I tried to set up NASA and openweather maps, but can get neither of them to work. All others work fine. For openweathermap it could be that it is because of my API key which supposedly takes a few hours to activate. i will keep re-checking. But NASA doesn’t work at all. At least on my end…

Ok, I was able to fix half of the design issues. Can’t get the arrows on hover for previous and next to change.
Whats the CSS for that?

Also, for some reason, my account (admin) lost all the rights to create events. Why would that be? I had to re-check them.

Any ideas?

Hi

I tried the accent color setting. It does work, kinda. It changes the background color, however it also uses the same color for find events button on the very top.
There is another setting under Events Bar – Find Events Button Color

i can set that to whatever I want, but the button doesn’t change its color. It sticks with whatever is set by accent color.

Hey,

thanks for your reply.

Its weird. I have to check with the app I am using to record my track. It started at 0 and brought me to -81 m below sea level but I was at least 40 above. Weird. However other tracks the same day and close by seem more reasonable in regarding to the elevation reading.

Thanks for clarifying. Your app is just the best for showing the tracks. Keep it up.

Ooops, typo in the title. Can a mod correct it please? It’s supposed to be height.

The mobile styles are for sure true but i guess they focused to much on mobile and overlooked desktop.

The map is my main issue. It becomes a super small time square on high resolution screens. If that can be fixed i am happy to change to V2. V1 still has pretty good responsiveness. I don’t know at what resolution it happens but at 4k it’s for sure a problem. So much dead space and a tiny tiny map. Not user friendly.

Hi there,

yeah, I figured it out after a long long trial and error period ?? I have one more issue, it can be found here:

https://gatetoadventures.com/events/month/2021-09/
There is an event in that month and it’s an all-day event. How can I change the background color of the bar, so I can actually read the event title. I am somehow not able to figure this one out.

Any ideas?

Also, what is the difference between the v1 event view and v2? seems v2 has a lot of issues.

Update:

I think I was finally able to figure everything out and get it to where it should be. I might have missed some smaller parts. Still testing.

Now I am curious what the difference between v1 and v2 is? Is there any difference other than in the actual event detail view?

Hi there,
I updated just from the “latest” version before the current one. I was able to figure most of the styling out by adding “!important” to my added changes. I don’t know if this is the right way to do it or not. I am not a coder in any way.

I actually reverted back to V1 views as V2 views were just horrible. Especially on big screens. Seems like V2 is only optimized for mobile devices.

For example, the map which can be displayed for the event venue is a tiny little square and the rest of the screen is empty. It “rearranges” itself on smaller screens and get wider, but if you have a big screen (4k) its just a tiny square.
Is there a way to fix this so I can actually go to v2?
I reverted back to V1 via changes in the config.php of WordPress.

There is another open post by me here on how to change the “search symbols” color. I wasn’t able to get that to work…
https://www.ads-software.com/support/topic/cant-find-css-style-for-search-button-in-mobile-view/#post-14423352

Other than that, I don’t really know what the main differences are between v1 and v2. sorry for that.

• This reply was modified 3 years, 9 months ago by Snake-Plissken.
• This reply was modified 3 years, 9 months ago by Snake-Plissken.

I feel like I am talking to myself here?!