Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #204473

    Hi,

    I’m redeveloping my firm’s website at graycedev.co.uk (will send log-on in private post to follow) and been extremely pleased with the Enfold theme. However, we have a few problems which I hope should be relatively easy to resolve:

    1) Although the icons appear fine to me, one of the site reviewers cannot see them: (I can check which browser this is in if that is required?) Is there a ‘safer’ font we can use for symbols or how would you suggest getting round this?
     photo Screenshot2014-01-02at113054.png

    2) Can we set several boxes on one page to have the same height – i.e. http://www.graycedev.co.uk/about and http://www.graycedev.co.uk/development-programme and http://www.graycedev.co.uk/about/what-we-do

    3) Can we change all Icon boxes on the site so that clicking on any part of a box will link through to the appropriate page, rather than just if you click on the title?

    4) Occasionally when i am viewing pages with a photo ‘Colour Section’, the objects in that section disappear. I think they are hidden rather than not there at all – i.e. the Icon boxes on the ‘About Grayce’ page don’t appear but the links still appear if you hover over the point where they should be.

    Thanks very much for your help,
    Ruth

    #204474
    This reply has been marked as private.
    #204503

    Hi!

    1) Please try the Firefox solution here http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems
    2) Please add following code to Quick CSS in Enfold theme options under Styling tab

    .iconbox_top .iconbox_content { min-height: 190px; }

    3) Please refer to https://kriesi.at/support/topic/linking-the-icon-box-icon/
    4) I tried refreshing About Grayce page several times but no issue on my end. Can you post a screenshot and show how it looks on your end?

    Cheers!
    Yigit

    #204509

    Thanks very much for your response, I’ll try those out now.

    In response to 4) the screenshot below shows the About Grayce page in Safari. This only happens occasionally but obviously is quite a concern!
     photo Screenshot2014-01-02at135402.png

    #204528

    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

    #204599

    Hey!

    1) You should try the solution under “Fonts not loading in Firefox or IE9”
    2) You are going to need to modify the custom CSS code depending on the tallest box in that case. CSS code can be applied only on certain screen sizes.If that is what you would like to achieve, you can use something like

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .iconbox_top .iconbox_content { min-height: 190px; } }

    so it will be applied on screens that are wider than 767px and smaller than 989px. You can adjust it as needed
    3) Yes, you should add the code Josue posted there
    4) Have you checked your website on another computer? If not, please try it

    Regards,
    Yigit

    #204682

    Hi,
    Thanks!
    1) This has not worked and I’m keen to sort this ASAP! Symbols still not showing in Firefox or IE 9. http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems
    I tried both versions of both of the code suggested (including with adjustment to the second one as suggested by my host). Could please suggest how I could resolve this?

    2) Resolved. If it’s possible to set this differently for different pages, please give me an example of how to code this.
    3) Resolved. Thanks!

    Thanks again for your support.
    Kind regards,
    Ruth

    • This reply was modified 10 years, 2 months ago by grc_rh. Reason: Updates from testing
    #205021

    4) Others have now experienced reported this issue as well as some others in different browsers. I will arrange for testing to see what exactly the problems are and will update.

    • This reply was modified 10 years, 2 months ago by grc_rh.
    #205133

    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

    #205152

    My host now changed this to the code below and I’m waiting to see if this will solve the problem.

    <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>

    Thanks
    Ruth

    #205348

    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, 2 months ago by grc_rh.
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Icon boxes and other issues’ is closed to new replies.