Google maps - location window width

Ask the Community Customization
1

Hello!

Is it possible to set the width for the location window in google maps?

Best regards
Rakel

3 Likes
3

Hello @Rakel_Bara! We are so happy to see you with us! Welcome to Community :heart: :wave:

Sure thing, we’ll be happy to assist!

I’ve forwarded your request to our devs and they’ll come up with a solution really soon.

Please do not worry, we’ll keep you updated :wink:

6

@Rakel_Bara You just need to add the CSS code below to the Custom CSS field on the Appearance tab of your widget settings:

.eapps-google-maps-marker {
  width: 350px;
  max-width: 350px;
}

Please check it and let me know how it works for you :slightly_smiling_face:

2 Likes
7

Hi Max
Thank you very much, that worked perfectly :slight_smile: I have another quesiton though. I am trying to use a horizontal line in the description using the

tag but every time I try to use it, it disappears. How can I get it to stay?

Best regards
Rakel

2 Likes
8

@Rakel_Bara Happy to hear that the code worked :blush:

Could you please specify where exactly you are trying to add <hr> tag? Screenshots would be highly appreciated :pray:

9

Hi again
It’s in the description - in the editor when I switch to code view. I can enter the tag, but after I switch back the tag is gone.
image

2 Likes
10

@Rakel_Bara I’ve tried to add the tag and everything is working fine:

image
image1656Ă—767 82.8 KB

Could you please double-check it?

2 Likes
11

Yes it appears, but try going into the description again and it disappears.

1 Like
12

Hi Max

Here is a video where you can see the

tag disappear.

Best regards

Rakel

(Attachment 2023-02-20_19-29-48.mp4 is missing)

13

Hi again, I just sent you an e-mail with a video, showing the tag disappear.
Hope you can see it!

1 Like
14

Ok apparently it is not allowed to send videos. Can you see it here: https://www.legstadaleit.com/hrtag.mp4

1 Like
15

@Rakel_Bara Yes, I see the issue!

I am really sorry! Please let me consult with our devs.

I’ll immediately get back to you as soon as I receive any updates!

16

Excellent! Thank you :smiley:

1 Like
18

Hello @Rakel_Bara :wave:

Thank you for waiting!

I’ve consulted with our devs and unfortunately <hr> isn’t supported in our Code Editor.

You can try to use this CSS code instead:

.global-styles, .eapps-google-maps-marker-description ul {
  border-top: 1px solid grey;
  padding-top: 5px;
}

Please check it and let me know if you like what you see :slightly_smiling_face:

1 Like
19

Hi Max

The thing is, I have a list of links in the description, and I wanted to put a horizontal line between each link so that each link is clearly defined. I had used the line break tag “br” – but that leaves a space that is too big (in my opinion) between the links. Can that be adjusted with CSS? See image.

image001.png559Ă—576 104 KB

Best regards

Rakel

1 Like
20

@Rakel_Bara Yes, this CSS code helps you to do this.

Here is how it looks:

image
image1659Ă—774 72.3 KB

Please let me know what you think.

1 Like
21

Hi Max
That looks great! Is it possible to make the spacing between the links smaller (the spacing I showed in the image above)? I don’t know if it is possible but if it is, that would make everything look perfect! :smiley:
Best regards
Rakel

1 Like
22

Hi again Max

I managed to figure it out myself :smiley:
I used this CSS:

br
{   content: "A" !important;
    display: block !important;
    margin-bottom: 1em !important;
}

Thanks for excellent support!
Best regards
Rakel

1 Like
23

@Rakel_Bara It’s no bother!

24

Hey @Max is it possible to open the window by default on mobile devices? I have enabled this option but is working only for desktop.

1 Like