This support ticket is created 3 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
I tried it in several ways and the font-family is missing. SO... how can I get to use a Roboto mono, or roboto, or lato or Arial in that button?. I can change the font in all places except in that button.
About fontawesome icon it doesn't work in 4.7 o 5.1. Always is broken, so I removed it with jquery
jQuery(document).ready(function($){
$('.js-toolset-maps-distance-current-location').val('Use my location');
});
I'm using fontawesome 5 pro in the website and icons works fine, but all icons used by toolset (like as in buttons) are not loaded, except dashicons.
Can you provide a link to your website to let me check how we can customize the font of the button?
Unfortunately, Roboto is not loaded on our real estate site.
I'll then check the issue with the FontAwesome icon.
However... any javascript solution don't work. Every time that results are updated (ajax) the font changes and text button.
Jamal... any idea to remove the icon or to load it right?
Thanks!
I fixed the font and icon with js but I have the problem that every time that results update the button has an strange behaviour, so thats the reason that I want to use css and fix the issue with the fontawesome icon.
hidden link
You can see here wat happens -> 1-2 seconds that button renders again from the original state. Is there anyway to fix this?
Hi again Minesh. It doesn't work in the expected way.
This is my code for document ready
jQuery(document).ready(function($){
$('.js-toolset-maps-distance-current-location').val("Geolocalitza'm");
$('.js-toolset-maps-distance-current-location').css('font-family', 'Basier mono circle regular');
$('#toolset-maps-distance').hide().after("km");
//If shown.bs.collapse add the unique id to local storage
$(".collapse").on("shown.bs.collapse", function () {
localStorage.setItem("coll_" + this.id, true);
});
//If hidden.bs.collaspe remove the unique id from local storage
$(".collapse").on("hidden.bs.collapse", function () {
localStorage.removeItem("coll_" + this.id);
});
//If the key exists and is set to true, show the collapsed, otherwise hide
$(".collapse").each(function () {
if (localStorage.getItem("coll_" + this.id) == "true") {
$(this).collapse("show");
}
else {
$(this).collapse("hide");
}
});
});
If I follow your instructions to any event in map, pagination, custom search... like as an example
jQuery( document ).on( 'js_event_wpv_addon_maps_init_map_started', function( event, data ) {
$('.js-toolset-maps-distance-current-location').val("Geolocalitza'm");
$('.js-toolset-maps-distance-current-location').css('font-family', 'Basier mono circle regular');
$('#toolset-maps-distance').hide().after("km");
//If shown.bs.collapse add the unique id to local storage
$(".collapse").on("shown.bs.collapse", function () {
localStorage.setItem("coll_" + this.id, true);
});
//If hidden.bs.collaspe remove the unique id from local storage
$(".collapse").on("hidden.bs.collapse", function () {
localStorage.removeItem("coll_" + this.id);
});
//If the key exists and is set to true, show the collapsed, otherwise hide
$(".collapse").each(function () {
if (localStorage.getItem("coll_" + this.id) == "true") {
$(this).collapse("show");
}
else {
$(this).collapse("hide");
}
});
});
But this donesn't work.
I f i want that this code work i must insert a jquery(document.ready) again like this
jQuery( document ).on( 'js_event_wpv_addon_maps_init_map_started', function( event, data ) {
jQuery(document).ready(function($){
$('.js-toolset-maps-distance-current-location').val("Geolocalitza'm");
$('.js-toolset-maps-distance-current-location').css('font-family', 'Basier mono circle regular');
$('#toolset-maps-distance').hide().after("km");
//If shown.bs.collapse add the unique id to local storage
$(".collapse").on("shown.bs.collapse", function () {
localStorage.setItem("coll_" + this.id, true);
});
//If hidden.bs.collaspe remove the unique id from local storage
$(".collapse").on("hidden.bs.collapse", function () {
localStorage.removeItem("coll_" + this.id);
});
//If the key exists and is set to true, show the collapsed, otherwise hide
$(".collapse").each(function () {
if (localStorage.getItem("coll_" + this.id) == "true") {
$(this).collapse("show");
}
else {
$(this).collapse("hide");
}
});
});
});
and this causes a 1-2 seconds delay to render the button.
Can you please tell me when you are having the issue - when page is loaded or when you change the filter that trigger the ajax request and what is not working with the button exactly. if you can share screenshot that would be great.
Please share problem URL with access details and I'm happy to look at the issue further.
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.
I have set the next reply to private which means only you and I have access to it.
As I can see you set the button text to "Usa la meva posició" from the distance search shortcode added to "Search and Pagination" section:
[wpv-control-distance default_distance="25" compare_field="adreca-del-negoci" distance_center_url_param="toolset_maps_distance_center" distance_radius_url_param="toolset_maps_distance_radius" distance_unit_url_param="toolset_maps_distance_unit" inputs_placeholder="Resultats en %%DISTANCE%% de %%CENTER%%" visitor_location_button_text="Usa la meva posició"]
Why dont you change the text you want to have there with the attribute "visitor_location_button_text"?
You should just try to change your desired button text with attribute "visitor_location_button_text" and I already set the font-family using the CSS within the CSS box:
.js-toolset-maps-distance-current-location {
font-family:"Basier mono circle regular" !important;
}
[wpv-control-distance default_distance="25" compare_field="adreca-del-negoci" distance_center_url_param="toolset_maps_distance_center" distance_radius_url_param="toolset_maps_distance_radius" distance_unit_url_param="toolset_maps_distance_unit" inputs_placeholder="Resultats en %%DISTANCE%% de %%CENTER%%" visitor_location_button_text="Usa la meva posició"]
I must to do it with js. Fontawesome fonts don't work. In the real state toolset reference happens the same. The fontawesome it's not rendered, and there is a square. You can see it here: hidden link
In my site happens the same and Jamal was looking for the solution. -> https://toolset.com/forums/topic/use-my-location-css-font-button/#post-1740567
About the js events... do you know why is not working if i don't insert in
jQuery( document ).on( 'js_event_wpv_addon_maps_init_map_started', function( event, data )
Hi again Minesh, and sorry for my poor explanation
Look at the screenshots and you'll understand.
That's the reason that I must use jquery for the text of th button and not the the attribute "visitor_location_button_text (toolset visitor_location_button_text puts and icon that doesn't work).
The same problem here: hidden link (look at the icon of 'use my location')
