Icons are not working

Hi, please check my sites out for the icons problems. such as the clock icons, red button on feature section, etc, are not working properly.

Test site: http://115.28.201.151/wptest/
Live site: www.cqylmc.cn

Second question is: on live site, I have updated 'technews_frontpage_text_limit', '200', but it only displays a little paragraph, much less content that I expected.

Third question is: on live site, Homepage only displays 9 block of contents in the body, but I have more posts there, why not showing up?

thanks in advance.

Sky

Third question has been solved, two are still left

Second question has been solved, only first left, please help.

arrowmissing.png

the Arrow is missing on the pink button.

Hello,

Please check the FireFox or other browser, if the issue is visible only on the Chrome and IE, it's probably connected with the issue with self hosted material icons described here: https://github.com/google/material-desi ... issues/205

Try the solution described there, or try to add the font using Google Web font:
https://google.github.io/material-desig ... -web-fonts

Thanks for your reply Piotr, I have checked the links above, and I have compared the working code with the Theme's one and tested, there is nothing wrong with the Theme's one.

The Icons are working in admin Dashboard, but not the front site, it is really wired.

any ideas?

Thanks

Sky

Did you check i.e. FireFox browser? It's the same issue or icons are visible?

Did you use Google Web font instead of self-hosted icons?
I can't see other options.

I have the same issue on my site

http://www.ictpower.it/cloud/documentdb ... -27100.htm

I cannot be able to see icon in the round button... any idea?

I can see the icon now on your website, did you fix the issue?

Hi,

I follow the answer of Piotr, but the icons of google appear with words in my site, this problem is exclusive by google chrome, in mozilla and IE this works perfectly.

http://screencast.com/t/58qk5uhpP
http://screencast.com/t/yLhgUxvf0vj
http://screencast.com/t/t8oo5QpvsG

Can I help me please?

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

It should be fine now. I've downloaded the latest version of the material desing icons, put it into your fonts/material-design-icons directory and add//change css code into:

Code: Select all

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/material-design-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('fonts/material-design-icons/MaterialIcons-Regular'),
       url(fonts/material-design-icons/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/material-design-icons/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/material-design-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons,
.micon,
#cc-modal #cc-modal-closebutton a:before,
#cc-settingsmodal #cc-settingsmodal-closebutton a:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


Thank Joshua, this work very very good!!