Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #704450

    slemaire
    Participant

    Hi, we are using integrity and would like to have the option of using a variety of fonts on the home page

    i have read related topics but am a little unsure of the best way to achieve this

    We’d love some help,

    Thanks heaps … loving the support : )

    #704468

    slemaire
    Participant
    This reply has been marked as private.
    #704494

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! You can change the font family of the heading tags in your customizer, Appearance > Customize > Typography > Headings.

    If you want, you can add custom fonts to your website using CSS3 @font-face rule. To do this, please review this article: http://css-tricks.com/snippets/css/using-font-face/

    Basically you need to add the following code in your child theme’s style.css file (if you haven’t installed a child theme, please visit this):

    @font-face {
      font-family: 'MyWebFont';
      src: url('path-to-your-font-directory/font_name.eot');
      src: url('path-to-your-font-directory/font_name.eot?#iefix') format('embedded-opentype'),
           url('path-to-your-font-directory/font_name.woff') format('woff'),
           url('path-to-your-font-directory/font_name.ttf')  format('truetype'),
           url('path-to-your-font-directory/font_name.svg#svgFontName') format('svg');
    }
    
    @font-face {
      font-family: 'MyWebFont2';
      src: url('path-to-your-font-directory/font_name-2.eot');
      src: url('path-to-your-font-directory/font_name-2.eot?#iefix') format('embedded-opentype'),
           url('path-to-your-font-directory/font_name-2.woff') format('woff'),
           url('path-to-your-font-directory/font_name-2.ttf')  format('truetype'),
           url('path-to-your-font-directory/font_name-2.svg#svgFontName') format('svg');
    }

    Replace MyWebFont with the name of your font, path-to-your-font-directory with your fonts directory URL (e.g, http://yourwebsite.com/path-to-your-font-directory-fonts/) and font_name with your font’s name.

    Next, whenever you need to use this font, simply use “MyWebFont” (or your custom font name), e.g:

    h1, .h1 {
       font-family: 'MyWebFont', sans-serif;
    }
    
    h2, .h2 {
       font-family: 'MyWebFont2', sans-serif;
    }

    Please let us know if this works out for you.

    #704504

    slemaire
    Participant
    This reply has been marked as private.
    #704519

    Rue Nel
    Moderator

    Hello Again,

    To add a product page or product category page to a custom menu, complete the following steps in your WordPress Admin Panel:
    1] Go to Appearance > Menus
    2] In the upper right corner, click on Screen Options and ensure the “Products” and “Product Categories” boxes are checked
    3] Click the tab for the menu you wish to add the items to on the top right side of the page
    4] As long as #2 is correct, then you will see boxes for Products and Product Categories on the bottom left of this page
    5] Select the checkboxes beside the products or categories that you wish to add to the menu, then press the Add to Menu button
    6] Drag and drop the newly added items into the menu positioning of your choice
    7] Press the blue Save Menu button

    You should now see the product or product categories in the menu on your website.

    For more details in creating your menu, please check out our knowledge base:
    https://docs.woothemes.com/document/docs-menus/

    Please let us know if this works out for you.

    #704542

    slemaire
    Participant
    This reply has been marked as private.
    #704553

    Rue Nel
    Moderator

    Hello There,

    “How do I do the share this site link?”
    Please give further clarifications.

    Thanks.

    #704560

    slemaire
    Participant
    This reply has been marked as private.
    #704571

    Christopher
    Moderator

    Hi there,

    You just need to add two titles in ‘title’ and ‘share title’ field. The ‘title’ display above social links and ‘share title’ display when you share the page.

    Thanks.