Home Forums WoodMart support forum Error with the theme FONT

Error with the theme FONT

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #90373

    nvybvl
    Participant

    Hi there,

    Please solve those issues with the next FIX of the theme:

    1. 1 resource has a non-consistent extension with its actual content

    The extension of a resource allows to identify easily its content type. You have no reason to indicate a different extension of the actual content type of the resource.
    
    For instance, the file resource.js must use a Content-Type HTTP header equal to application/javascript. You can check the Content-Type HTTP header value using a debugger tool (e.g.: DevTools on Chrome).
    
    This page contains a resource that uses an extension that isn't consistent with its Content-Type HTTP header:
    
    medelin.ro/wp-cont[...].7.0 (detected: application/octet-stream | recommended: font/woff2)

    2. You should reduce the number of DOM elements

    The number of DOM elements influences the complexity of the webpage and DOM access in JavaScript.
    
    A well-designed webpage can offer rich content while maintaining a reasonable number of DOM elements. Read more about this here.
    
    We recommend creating pages that contain less than 1000 DOM elements.
    
    This page contains too many DOM elements (1781 elements).
    Details: https://developer.yahoo.com/performance/rules.html?guccounter=1#min_dom
    

    3. 2 labels do not refer to an element

    The for attribute associates the label to an other element of the page, and help screen readers to better interpret your content.
    
    Label and for attribute
    A label describes an element (a text to fill, a checkbox, etc.). When a user click on a label associated with a radio button, the option will be directly selected, improving the user experience.
    
    How to use a label?
    Associate the label to an element of the page by indicating the ID of the element. Example:
    
    <form action="/action">
      <label for="myId">
      <input type="radio" name="myOptions" id="myId" value="1" >
    The following labels do not define a for attribute:
    
    <label>
    <label style="display: none !important;">

    4. 9 CSS properties are overridden by shorthands
    CSS has some pitfalls that can cause side effects on your styles.

    5. 121 CSS selectors are duplicated

    .vc_toggle_simple .vc_toggle_icon (5 times)
    .woodmart-author-information .author-area>a:hover (3 times)
    .vc_toggle_simple .vc_to[...]oggle_simple .vc_toggle_icon::before (3 times)
    .vc_toggle_round .vc_toggle_icon (3 times)
    .vc_toggle_rounded .vc_toggle_icon (3 times)
    .vc_toggle_square .vc_toggle_icon (3 times)
    html (3 times)
    .review_link_data_wappers .button:hover (3 times)
    and 113 others

    6. The !important declaration is used 1152 times

    Those are a part of the theme and they are more.

    Thanks

    #90394

    Artem Temos
    Keymaster

    Hi,

    1. What exact resource is mentioned here?

    2. Number of DOM elements corresponds to the number of HTML tags it means if you have more elements on the page then you have a lot of DOM elements.

    3. Please, send us a screenshot of the label and link for better understanding.

    4. Sorry, but we don’t understand what do you mean here.

    5. We checked our CSS code but didn’t find mentioned selectors.

    6. Don’t worry about this if we use them, then they are required. And we don’t have so many important statements that mean that you analyzed not only our theme’s CSS code.

    Regards

    #90416

    nvybvl
    Participant

    Hi there,

    You can check this link and you will see all of them:

    #90472

    Artem Temos
    Keymaster

    This resource analyzes your website and not our theme. So we don’t see any issues related to our theme there.

Viewing 4 posts - 1 through 4 (of 4 total)