Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #165867

    Another Icon List Issue,

    I believe I am using the Open Sans font and with it being a deployment website I have not changed the font face in the backend to see if that fixes the problem as Open Sans is the closest font to Roboto I have found included with the Template, I wish I could use Roboto on the entire website as it is a beautiful font but haven’t been able to properly integrate it into the template. Open Sans always takes precedent. However, the issue is that the letter Q is either being cut off by the div or being rendered as an O on the page. You can see I have not mispelled the word but the page is rendering an O as the final product.

    Page Render of Q

    Debug Mode of Code with Q

    Just letting you guys know.

    #165870

    Update: I just changed my font to Roboto following some quick instructions I found in a post directly below mine and the error is still occurring. Strange.

    #166032

    Hey!

    Can you post the link to your website so we can inspect it live?

    Regards,
    Yigit

    #166140
    #166320

    Hey!

    You can add this on functions.php to add the Roboto font:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Roboto'] = 'Roboto:400,900italic';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Roboto'] = 'Roboto:400,900italic';
    return $fonts;
    }

    You can manually apply the font on a specific element:

    .avia-icon-list .iconlist_title {
    font-family: 'Roboto', sans-serif;
    }

    Best regards,
    Ismael

    #166690

    In my second post, I stated that I added the Roboto font to my website and it did not change anything. I appreciate the help but it does not solve the actual problem. It would be nice if I could add Roboto to the drop down list on the custom font section in the Enfold menu though.

    I had to change that previous page to private due to client’s wishes, here is an almost identical page with the same problem.

    http://www.eyeconic.tv/case-studies/johnny-junxions-case-study/

    #166698

    I had a similar problem with the iconbox which I solved with :

    .iconbox_content_title {
    padding-bottom:2px !important;
    }

    Should be something similar for iconlist. Maybe:
    .iconlist_content {
    padding-bottom:2px !important;
    }

    #167010

    Hello!

    If you add the filter code above. The Roboto text will be available on Enfold > Styling > Heading Font and Defines the Font for your body text option. Although, sometimes you need to manually specify the font on certain elements.

    Regards,
    Ismael

    #170077

    Thank you chunky, that actually helped, I modified it to 5px and it got the job done. From the complete lack of tail it seemed like a font rendering issue to me. But it was just a div padding problem. I wonder if everyone else is having this issue though or if it is isolated to certain instances and what causes it. Maybe they should add that padding to their code on the next release to fix this across the board.

    #170177

    After adding the filter code you told me the Roboto font still did not show up on the admin section, so I manually edited the admin php include file that contained the font list and added roboto to the list. This fixes the issue in the admin section and shows Roboto on the example styles above it but all of my heading fonts are still showing up as Open Sans. I’ve even added custom css for them in the admin section as well and still no avail.

    ::-moz-selection{
    background: #ec008c;
    color: #ffffff;
    } 
    
    ::selection {
    background: #ec008c;
    color: #ffffff;
    }
    
    @import url(https://fonts.googleapis.com/css?family=Roboto);
    
    body, body p {
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    }
    
    h1, h2, h3 {
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif; 
    font-weight: 900;
    }
    
    .iconbox_content_title { 
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 900;
    }
    
    .iconlist_content {
    padding-bottom:5px !important;
    }
    #170566

    Went in and changed the register-admin-options.php to ‘Roboto’=>’Roboto:900’ instead of Roboto and removed all of the custom CSS from the admin section and all of the fonts are now officially roboto and the headings are now 900 font weight instead of 600.

    #171350

    Hey!

    Glad you figured it out! Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘ISSUE: Icon List Renders Q as O or cuts off the Tail Page’ is closed to new replies.