[goldforu]

Hi Laranz,

I ran into the same problem. Not all images can be resized to that aspect ratio and keep its quality without being cropped. My question is, where to change the 420*315 (4:3) aspect ratio? I have my images as 500px by 500px and I do not want it to be cropped when resized as a thumbnail. I’d prefer it to be 250px by 250px thumbnails in the slider.

[goldforu]

This reply has been marked as private.

[goldforu]

Hi Mohammad,

Thanks for the support. When I replace the above code, the cart items simply flash for a second and then return to the cart price. It seems like another code overrides it on load. You can see it here: http://dev6.envisionwebdesign.co/

[goldforu]

Hey if using the @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); doesn’t work, try using @font-face.

STEPS
1. Download the font you want on the http://www.google.com/fonts/earlyaccess page.
2. Use this site to generate and download your @ font face code http://everythingfonts.com/font-face#.UvVAy_ldVDY.
-If you need a slight tutorial on @font face and how to use it, see this before starting step 2 http://code.tutsplus.com/tutorials/quick-tip-how-to-work-with-font-face–net-9219
3. Use an FTP to transfer the downloaded fonts generated from http://everythingfonts.com/font-face#.UvVAy_ldVDY into your neighborhood child theme folder.
4. Add the @font face generated css into your child theme style.css. Make sure the relative paths in the @font face generated css to the fonts you uploaded in step 3 are right.
5. Apply font to any tag on your site.

step 4 example from my child theme css

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('gothic/gothic.eot');
    src: url('gothic/gothic.eot') format('embedded-opentype'),
         url('gothicgothic.woff') format('woff'),
         url('gothic/gothic.ttf') format('truetype'),
         url('gothic/gothic.svg#CenturyGothicRegular') format('svg');
}

/*The css below is not part of the generated @font face css. Add it however because it solves issues with @font face and google chrome. Make sure you change the font name and relative path to the font to your own font name and relative path*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

      font-family: 'CenturyGothicRegular';

      src: url(‘gothic/gothic.svg#CenturyGothicRegular’) format(‘svg’);

  }

}

step 5 example from my child theme css

body, h1, h2, h3, h4, h5, h6 {
	font-family: 'CenturyGothicRegular', 'Lato', Helvetica, Tahoma, sans-serif !important;
}

Hope this helps!