Icons are not working

GK User
Sat Nov 07, 2015 10:40 am
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
User avatar
Fresh Boarder

GK User
Sat Nov 07, 2015 12:35 pm
Third question has been solved, two are still left :)
User avatar
Fresh Boarder

GK User
Sun Nov 08, 2015 3:21 am
Second question has been solved, only first left, please help.
User avatar
Fresh Boarder

GK User
Sun Nov 08, 2015 3:28 am
arrowmissing.png


the Arrow is missing on the pink button.
User avatar
Fresh Boarder

GK User
Sun Nov 08, 2015 11:15 pm
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
User avatar
Moderator

GK User
Mon Nov 09, 2015 9:19 am
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
User avatar
Fresh Boarder

GK User
Mon Nov 09, 2015 9:25 am
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.
User avatar
Moderator

GK User
Tue May 24, 2016 12:27 am
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?
User avatar
Fresh Boarder

Joshua M
Wed May 25, 2016 7:42 am
I can see the icon now on your website, did you fix the issue?
User avatar
Moderator

GK User
Mon Oct 24, 2016 3:36 pm
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?
User avatar
Junior Boarder

Joshua M
Tue Oct 25, 2016 8:09 am
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?
User avatar
Moderator

Joshua M
Fri Oct 28, 2016 8:31 am
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';
}
User avatar
Moderator

GK User
Fri Oct 28, 2016 7:01 pm
Thank Joshua, this work very very good!!
User avatar
Junior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.