Error with the theme FONT

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

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

Hi there,

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

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

[Author]

Posts