Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #306897

    Hi Kriesi-Team,
    two questions:
    1. to achieve a better text-rendering i added following code to quick-css ->

    /* ———- FONT-RENDERING: FF, SAFARI, CHROME ———- */
    a, p, h1, h2, h3, h4, h5, h6, span.avia-menu-text {
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-text-stroke: 0.2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    Is there a option to use one term for all font styles (incl. menus, footer, etc.) instead using the single terms like “a, p, h1, span.avia-menu-text, etc.”?

    2. We want to use a two column footer. The elements of the right column should be right aligned, but the hr-element doesn´t work with “align: right”. Maybe you can help me?

    Thx, Christian

    #307418

    Hey cl!

    For #1 you could try doing it on the body as an overall change.

    For #2 – I think you will need to float all of the elements or put them in a wrapper with a defined width to get the hr to line up only under each item. Or you could add a border to each item in your widget instead of using <hr>.

    Regards,
    Devin

    #307754

    Hey devon,

    your answers (#1, #2) are not very helpful: if i would be an specialist in coding, i would not have bought enfold and would not need your help – yigit or josue are much more cooperative and help out with really useful solutions for non-specialists!!!

    Another issue:
    inserting a icon in a copytext doesn´t show the entello-icon but another similar icon. See Footer last sentence in the left column. The “heart” is not the entello icon and doesn´t really look fine… I used this html:

    <h4><span style=”text-align: left; font-size:0.5em; line-height: 2.5em; font-weight: bold; letter-spacing: 1px; “>TEXT<span style=” line-height: 25px; font-size: 1.1em;”> ♥ </span>TEXT<span></h4>

    Best regards,
    Christian

    #307770

    Hey!

    1) You can use this code to target all elements – insert it into the quick css field:

    
    body #wrap_all{
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-text-stroke: 0.2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
    

    Note that some elements (headlines) do have a special font-style or font-weight and you can’t change them with this generic code. The other css attributes (text-rendering, etc.) will be used for all elements though.

    2) I couldn’t find a hr element in the right column. It seems like you replaced it with a minus/dash now. If you still want to use a hr element please add it back to the column and we’ll look into it.

    3) Replace:

    
    <span style=" line-height: 25px; font-size: 1.1em;"> ♥ </span>
    

    with:

    
    <span style='line-height: 25px; font-size: 1.1em; font-family: "entypo-fontello";'> ♥ </span>
    

    and the browser should use the rifght font to display the icon. I’m not sure if you can copy the code from our support forum directly though – maybe it converts the character code again and then the icon code won’t work properly on your website.
    Best regards,
    Peter

    #307804
    This reply has been marked as private.
    #307822

    Hi!

    Please try to use this code instead:

    
    <span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
    

    If it still doesn’t work try to use the magic wand shortcode generator to generate the font icon (Magic wand > Content Elements > Icon) and insert the shortcode directly into the text field.

    Regards,
    Peter

    #307862

    Hi Dude,

    perfect! It works and looks much nicer ;-)

    Thanks a lot and have a nice weekend!
    Christian

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘FONT-RENDERING’ is closed to new replies.