Brilliant, that’s sorted now.
Thanks very much for your help.

Issue now resolved:
I found the appropriate code on another support ticket.
In case anyone else wants all to change all icon boxes to act as link, rather than boxes on targeted pages, add the following to avia.js with the codes above in CSS to change the cursor:

jQuery(“article.iconbox”).each(function(){
var theLink = jQuery(this).find(“a”).attr(“href”);
jQuery(this).on(“click”, function(){
window.location.href = theLink;
});
});

Thanks very much for your help Josue and Ismael, much appreciated.

• This reply was modified 10 years, 11 months ago by grc_rh.

Brilliant, thanks. That’s working now.
I also added the code below to have the same effect over the whole icon box rather than just the icon and title.
.iconbox_top .iconbox_content {
cursor: pointer !important;
}

A related question:
Can I also remove the page references from the code I added to the avia.js file, which is below?
I.e. I want the change to apply to all pages on the site, but as the code I was given before included page refererences I just added all the relevant page references.

jQuery(“.home article.iconbox, .page-id-15 article.iconbox, .page-id-35 article.iconbox, .page-id-542 article.iconbox, .page-id-468 article.iconbox, .page-id-114 article.iconbox, .page-id-17 article.iconbox, .page-id-19 article.iconbox,.page-id-53 article.iconbox, .page-id-55 article.iconbox, .page-id-56 article.iconbox, .page-id-21 article.iconbox, .page-id-69 article.iconbox, .page-id-23 article.iconbox”).each(function(){
var theLink = jQuery(this).find(“a”).attr(“href”);
jQuery(this).on(“click”, function(){
window.location.href = theLink;
});
});

Hi,

Icon issue now fixed!
My host suggested the problem was that the site is at http://www.graycedev.co.uk but the font was being loaded from graycedev.co.uk (no www). It turned out this was because I’d changed the site address but not the wordpress address to http://www.graycedev.co.uk

Thanks very much,
Ruth

• This reply was modified 10 years, 11 months ago by grc_rh.

Hi,
Posted this above as an edit but realised you might not see it.

1) I can’t get this fix to work and symbols still not showing in Firefox or IE 9. http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

I showed my host support that link and on their advice added the following code to my htaccess file but this doesn’t seem to have any effect.

<FilesMatch “.(eot|otf|woff|ttf)$”>
SetEnvIf Origin »
“^http(s)?://(.+.)?(domain1.org|domain.com)$” origin_is=$0
Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
</FilesMatch>

What would you suggest?

Thanks again

In reponse to your suggestions:
1) The troubleshooting article you posted states that if fonts aren’t showing properly: “You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS.” I previously assumed that as I havn’t changed the Enfold default font that the font set-up would already be complete… is there anything else I need to do?

2) Thanks for your code for the icon height fix. This does work to some extent but as we have the Responsive options enabled, it doesn’t work if the site is opened in a smaller browser window, and ideally, we wouldn’t have unnecessary white space where the page is open on a bigger screen. Is it possible to set the minimum icon box height according to the tallest box on the page?

3) The support post you linked to gives the code to post in the Quick CSS box but the moderator also says he made changes to the avia.js file, though doesn’t specify what he did. Should I just add the last bit of code in that file to our own avia.js file? i.e.

jQuery(“.home article.iconbox”).each(function(){
var theLink = jQuery(this).find(“a”).attr(“href”);
jQuery(this).on(“click”, function(){
window.location.href = theLink;

4) See above.

Thanks again,
Ruth