Customizing Layout

New home Forums Pro Add-on General queries Customizing Layout

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #59998
    ReliableHelp
    Participant

    Hi, I have the pro-add on and I would like to customise the layout of the Filter, ZIP/ADDRESS, Radius, Category, etc.

    How can I achieve this?

    #60003
    AbelC
    Moderator

    Hi There,

    Thank you so much for getting in touch with us.

    This can be achieved with Custom CSS (Maps -> Settings -> Advanced).

    Could I kindly ask if you could please provide me with me a link to your map page?

    I will then be able to advice further.

    This will be a tremendous help.

    Kind Regards,
    Abel

    #60012
    ReliableHelp
    Participant

    http://www.reliablehelp.co.za

    #60023
    AbelC
    Moderator

    Hi There,

    Thank you so much for getting back to me, and our sincere apologies for the delayed response over the weekend.

    Please find the classes below:
    Category Filter – wpgmza-marker-listing-category-filter
    Store Locator – wpgmza_sl_main_div
    ZIP/ADDRESS – wpgmza-address wpgmza-form-field__label
    Radius Text – wpgmza-radius-container wpgmza-form-field__label
    Radius Select – wpgmza_sl_radius_select

    Alternatively, could I kindly ask if you could please clarify the changes you would like to be carried out?

    I will then be able to advice further.

    I hope this helps clarify, and I look forward to hearing back from you.

    Kind Regards,
    Abel

    #61584
    Cara
    Member

    Hi,
    I try this by using custom CSS:
    wpgmza-radius-container wpgmza-form-field__label
    {
    content:”Rayon de la recherche”;
    }
    but it doesn’t work…
    Any advice?

    The map: https://pleinlavue.org/index.php/carte-chauve-souris/

    Thanks for your support and best regards

    #61586
    AbelC
    Moderator

    Hi There,

    Thank you for letting me know, and our sincere apologies for the inconvenience.

    This can be achieved with Custom JS.

    Could I kindly ask if you could please navigate to Maps -> Settings -> Advanced -> Custom JS -> Please paste the following code below:

    jQuery(function($){
    	var radius_string = 'Preferred Radius String';
    	
    	$('.wpgmza-radius-container .wpgmza-form-field__label').text(radius_string);
    });

    Please replace “Preferred Radius String” with your preferred string.

    I look forward to hearing back from you.

    Kind Regards,
    Abel

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