Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 2, 2014 at 1:41 pm #204473
    grc_rh

    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

    January 2, 2014 at 1:42 pm #204474
    grc_rh
    This reply has been marked as private.
    January 2, 2014 at 3:50 pm #204503
    Yigit

    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

    January 2, 2014 at 3:55 pm #204509
    grc_rh

    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

    January 2, 2014 at 5:02 pm #204528
    grc_rh

    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

    January 2, 2014 at 7:01 pm #204599
    Yigit

    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

    January 2, 2014 at 9:05 pm #204682
    grc_rh

    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, 11 months ago by grc_rh. Reason: Updates from testing
    January 3, 2014 at 4:18 pm #205021
    grc_rh

    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, 11 months ago by grc_rh.
    January 3, 2014 at 8:37 pm #205133
    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

    January 3, 2014 at 9:45 pm #205152
    grc_rh

    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

    January 4, 2014 at 4:59 pm #205348
    grc_rh

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