Tagged: 

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #637040

    Hi –

    I’m using some custom map marker icons and trying to display them larger. You have settings for 40×40 through 80×80, but selecting 80×80 still display the icons at 40×40.

    Below is the HTML that I’m seeing even though I’ve set the Custom Map Marker Image Size to be 80px*80px. All the images are PNGs uploaded at 225×225 or larger.

    Any tips?

    Thanks,

    -Alex

    <div class="gmnoprint" title=" 266 Evans Road" style="width: 40px; height: 40px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; left: 119px; top: 367px; z-index: 407;"><img src="http://localhost:8888/wp-content/uploads/2016/05/NEOgas-logo-square-map-marker-white-225x225-80x80.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div>

    #637073

    Hi axlright!

    From your shortcode, change

    width: 40px; height: 40px;

    to the correct attributes and it will fix your issue.

    It is on 2 different positions, please make sure you change both.

    Thanks a lot for using our themes.

    Cheers!
    Basilis

    #637112

    Hi –

    I’m not using shortcodes. I’m using the Google Maps Media Element. I am trying to display the icon at 80px x 80px. This is how I have it set. But it is displaying at 40px x 40px.

    -Alex

    #638093

    Hi –

    I haven’t heard back from you on this. Please respond – thanks!

    I’m using the Advanced Layout Builder and trying to set custom map pins / marker images at 80*80 as described in the “Custom Map Marker Image Size How big should the marker image be displayed in height and width.” section. Setting the custom map pins / marker images at 80*80 results in them being shown at 40px by 40px as described in the code above.

    -Alex

    #638439

    Hi,

    We are very sorry for the delay.

    Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Could you please provide a link to the page with the map element? We tested this on our installation and the 80x80px option is working. Make sure that the actual size of the marker image is not less than 80x80px.

    Best regards,
    Ismael

    #999663

    I’m having the same issue, here, at http://storeyfitness.com/contact/ — I uploaded the marker at 220x220px and set the custom size in the map element to 80x80px, but it seems to be “stuck” at 40x40px — cleared my cache to no avail. Any clues for us?

    #999979

    Hi sky19er,

    Here is a thread for you to consider

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #999998

    Thanks, but I saw that thread and, while I didn’t read it thoroughly, it looks to me like that’s referring to a request to set a CUSTOM marker size — I’m just trying to figure out why the options/sizes already available in the element don’t seem to be working. I.e., why, when I set the option to 80x80pz is it still showing at 40x40px? I think axlright, above had the same question.

    #1000284

    Hi sky19er,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1000448

    Sure, I put the credentials in the Private Content… but ohhh, I think I just figured it out in trying to explain, here: The issue is in the maps on both the home page and contact page (http://storeyfitness.com/contact/). I see the element is pulling the 80×80 image — http://storeyfitness.com/wp-content/uploads/storey-fitness-220-bw-1-80×80.png — but I think the issue might be that it only shows as 40×40 on my retina screen. I just got this new macbook pro laptop and I’m just learning about that issue. If you agree, any suggestions s to how to counter that? I still don’t quite understand the issue. Thanks!

    #1000774

    Hi sky19er,

    Best regards,
    Victoria

    #1001017

    I don’t see any content in your last post — just Hi and Best regards — did you mean to say/add something?

    #1001089

    Hi,

    This is what Victoria wrote:

    https://cl.ly/10e5dbeee8cc It does show it small on my end too. The thing is it does not even react to any changes in css.

    You can’t see it because you didn’t start the thread.

    Best regards,
    Rikard

    #1001344

    Thanks, Rikard, but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread? Why can I see your response and not her’s? And I see how it doesn’t seem to be reacting to css changes — interesting! So, is she / are you still looking into this?

    Thanks!

    #1002124

    Hi,

    but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread?

    The private field content is only visible to the original poster for security reasons.

    but I think the issue might be that it only shows as 40×40 on my retina screen.

    Have you tried to upload a larger marker image? Resize the marker image from 80x80px to 160x160px.

    Best regards,
    Ismael

    #1002488

    Ah, so I guess she sent me something in the private field, not realizing I wouldn’t be able to see it.

    Anyway, yes, as I noted in my original post, I uploaded the marker at 220x220px.

    I can see in the code that the 80×80 image is being pulled/used, but the css still says 40×40 in two places (see: https://screencast.com/t/extoWWaJl ). But like Victoria said, changing the css in the inspector doesn’t seem to work.

    Any other ideas?

    #1002535

    Hi,

    The map marker is set to use the “thumbnail” image size by default. Try to adjust that thumbnail size in the Settings > Media panel from 80x80px to 160x160px and then regenerate the thumbnails. You can use this plugin.

    // https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

    #1011989

    Finally got around to trying this — the thumbnails do seem to have changed to 160×169 — a thumbnail that size even shows in the Edit Location dialog box (see screen grab: https://screencast.com/t/g89g0UQ8FmnY ), but the largest option in the dropdown is still 80×80, and it’s still showing as 40×40 on the front end.

    Any other ideas?

    Thanks!

    #1012163

    Hi,

    Thanks for the update. Add this filter in the functions.php file and then reselect the new marker size (160x160xpx).

    add_filter('avf_template_builder_shortcode_elements', 'avf_template_builder_shortcode_elements_mod', 10, 1);
    function avf_template_builder_shortcode_elements_mod($elements) {
        if($elements[2]['name'] == 'Add/Edit Map Locations') {
            foreach($elements[2]['subelements'] as $key => $options) {
                foreach($options as $name => $value) {
                    if($options['name'] == 'Custom Map Marker Image Size') {			
                        $elements[2]['subelements'][$key]['subtype'] = array (
                            '20px * 20px' => '20',
                            '30px * 30px' => '30',
                            '40px * 40px' => '40',
                            '50px * 50px' => '50',
                            '60px * 60px' => '60',
                            '70px * 70px' => '70',
                            '80px * 80px' => '80',
                            '160px * 160px' => '160',
                        );			
                    }
                }
            }
        }
    
        return $elements;
    }

    If it doesn’t work, we may need to modify the map js file directly.

    Best regards,
    Ismael

    #1012280

    Thanks, but now I seem to be having an issue implementing child themes (see https://kriesi.at/support/topic/child-theme-has-no-css/#post-1012180).

    #1012577

    Hi,

    We replied to the thread. You can add that code in the parent theme’s functions.php file temporarily.

    Best regards,
    Ismael

Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.