ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• March 19, 2015 at 8:22 am #158916
  dhpl

  Member

  Post count: 31

  How do I change the font style of the E-commerce single item page? All the font style on my website have already changed, but only the single item page font style did not change. Please help

  March 19, 2015 at 8:34 am #158923
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please provide me with a link

  Are you saying that the font you have set in the theme options is not working for the product page?

  – Kyle

  March 19, 2015 at 8:40 am #158925
  dhpl

  Member

  Post count: 31

  http://vulgarsg.com/product/product-10

  Nope, the method I use to change the font is via custom css.

  March 19, 2015 at 8:55 am #158928
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  How come? Likely the CSS you have used is not targeting the text on product pages

  – Kyle

  March 19, 2015 at 8:59 am #158932
  dhpl

  Member

  Post count: 31

  @font-face{
  font-family:kingThings !important;
  src:url(‘http://vulgarsg.com/wp-content/themes/neighborhood/css/font/fontawesome-webfont.woff’) format (“truetype”);
  }*/

  @font-face {
  font-family: ‘kingthings_foundationregular’;
  src: url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.eot’);
  src: url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.eot?#iefix’) format(’embedded-opentype’),
  url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.woff2’) format(‘woff2’),
  url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.woff’) format(‘woff’),
  url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.ttf’) format(‘truetype’),
  url(‘wp-content/themes/neighborhood/css/font/kingthings_foundation-webfont.svg#kingthings_foundationregular’) format(‘svg’);
  font-weight: normal;
  font-style: normal;
  }

  body, h1, h2, h3, h4, h5, h6, a {font-family:kingthings_foundationregular !important;}

  above are the codes I added to change the font. What should I add to target the text on product pages?

  March 19, 2015 at 9:01 am #158934
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  On your paths for your fonts you need to use your full url rather than starting with wp-content

  – Kyle

  March 19, 2015 at 9:02 am #158935
  dhpl

  Member

  Post count: 31

  These codes are already working, the fonts on my website already changed. Only the single item product page didn’t change.

  March 19, 2015 at 9:13 am #158943
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Look http://d.pr/i/tb2H/5ruhDXn3

  They are failing to load because the path is wrong.

  Starting with /wp-content means it gets the url for the page it’s on, in this case http://vulgarsg.com/product/product-10, goes back one folder, so http://vulgarsg.com/product and then adds /wp-content etc.

  That’s why it works on some pages but not the product page

  – Kyle

  March 19, 2015 at 9:20 am #158947
  dhpl

  Member

  Post count: 31

  Thank you very much, the problem is solved! 🙂

  March 19, 2015 at 9:28 am #158948
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome.
  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood