Increase size of Circular Infowindow image

New home Forums Pro Add-on Increase size of Circular Infowindow image

  • This topic has 6 replies, 2 voices, and was last updated 3 years ago by SupportTeam.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #31223
    Ltab
    Member

    Hi,
    Do you know how I’m able to increase the proportion of image in the circular infowindow, to around half?

    My map is: http://mapped.city/map/

    Many thanks

    #31235
    SupportTeam
    Moderator

    Hi there,

    Thank you for getting in touch with us.

    Please open Maps → Settings → Advanced → Custom CSS and add something like this:

    .wpgmza_iw_image {
        height: 50% !important;
    }
    
    .wpgmza_iw_title {
        top: 50% !important;
        left: 20px;
    }

    Hope that helps. Thank you for your time in this.

    Best regards,
    Jarek

    #31306
    Ltab
    Member

    Hi Jarek,

    Thank you for your message. I’ve used the following CSS but it doesn’t seem to move the image down at all – do you know why this might be?

    wpgmza_iw_image {
    height: 70% !important;
    }

    .wpgmza_iw_title {
    top: 30% !important;
    left: 20px;
    }

    I have attached an image of the current view.

    Many thanks,
    Liam

    Attachments:
    You must be logged in to view attached files.
    #31319
    SupportTeam
    Moderator

    Hi Liam,

    I’m afraid you have missed a dot in your code:

    wpgmza_iw_image {
    height: 70% !important;
    }

    should be:

    .wpgmza_iw_image {
    height: 70% !important;
    }

    Please let me know if that helps.

    Best

    #31323
    Ltab
    Member

    Ah that’s perfect. Thank you

    #31327
    Ltab
    Member

    Sorry, just another related issue – do you know how I’m able to force the text to display over two lines (e.g. St James > Garlickhythe)?

    Also, is it only possible to cluster pins with the gold version? Is there a way to do this using CSS?

    Many thanks

    Attachments:
    You must be logged in to view attached files.
    #31339
    SupportTeam
    Moderator

    Hi there,

    I’m afraid it cannot be done in Title field. Only description field allows to add new line.

    Clustering markers is generated in JavaScript so there’s no way to add it in CSS.

    Kind regards

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