Otentic Theme

The Otentic theme comes with advanced options to make adjustments to individual standard post categories via the admin so you can easily change the layout, colors…etc on a per-category basis. Simply log into WordPress and go to Posts > Categories and click on the category you wish to edit to access these settings.

The Otentic theme defines new image sizes, but the problem is that these new image sizes are only applied on the images you upload after activating the theme. To solve this problem you need to generate new sizes for all previously uploaded images. You can use the Regenerate Thumbnails plugin.

You can enable/disable WebGl Animations by going to Appearance › Customize > Theme Settings > Base

Otentic comes with built-in Lightbox functionality. If you insert an image into your post that links to it’s “media” file, it will add lightbox support to the link.

Image Block

Gallery Block

1. Click the +Plus icon and select “Media › Gallery”
2. Add images to a gallery
3. Set a gallery style
4. Select Media File in the Link to field to activate zoom mode.

Simply go to Appearance > Customize > Typography and here you will find options for all the main sections of the site so you can customize the default theme typography.

Change typography on any blocks to achieve better and stunning block patterns and page designs.

You can enable the Text Indent option from the menu on your right.

---

1. Install the child theme

2. Create a fonts folder in the child theme.

   

   We’re going to put our custom font into this fonts folder. For the sake of the example, I’m using GT Walsheim. There’s a ttf, woff and woff2 version of the font.

3. Edit style.css

   Next, you’ll need to add some custom CSS within your child theme’s style.css file to reference this new font. There’s a reference to local also. If the user happens to have the font already installed there’s no need to download it also.

       @font-face {
         font-family: 'GTWalsheim';
         src: local('GTWalsheim'), local('GTWalsheim'),
           url('fonts/GTWalsheimRegular.woff2') format('woff2'),
           url('fonts/GTWalsheimRegular.woff') format('woff'),
           url('fonts/GTWalsheimRegular.ttf') format('truetype');
         font-weight:  400;
         font-style:   normal;
         font-stretch: normal;
         font-display: swap;
         unicode-range: U+000-5FF;
       }
   

   Note that I’ve called the font-familly – GTWalsheim – this is important.

4. Edit functions.php

   Add the following code to the child theme’s functions.php file.

       function otentic_child_custom_fonts( $standard_fonts ) {
           $my_custom_fonts = array();
           $my_custom_fonts['GTWalsheim'] = array(
               'label' => 'GT Walsheim',
               'variants' => array('regular','italic','700','700italic'),
               'stack' => 'GTWalsheim, sans-serif',
           );
           return array_merge_recursive( $my_custom_fonts, $standard_fonts );
       }
       add_filter( 'kirki/fonts/standard_fonts', 'otentic_child_custom_fonts', 20 );
   

5. Apply it in the customizer

   Now, when you edit a typography element in the customizer you should see this new font as an option in the dropdown. If you’ve done everything correctly it will render.

   

1. Go to Appearance > Menus and click the link to create a new menu.
2. Give your menu a name and click the button to create menu. To add menu items, simply select options in the left side column by checking the box for pages categories, tags etc that you want to include and then click the Add to menu button.
3. You can add a thumbnail for each menu item:
4. When you are done adding links, select a menu location by checking one of the options listed under Theme locations and then save your menu.

1. Go to Appearance > Customize > Theme settings > Menu and turn on the radio button to add padding from the first element.

In WooCommerce you must declare your “shop” page which will be used to display your recent products but also used in the theme’s breadcrumbs trail. To define your page you first need to create a standard page (if you haven’t done so yet) then go to WooCommerce > Settings then click on the “Products” tab then on the “Display” sub-tab where you will find the dropdown option.

1. Go to “Appearance › Widgets”
2. Add widgets to the “Footer” widget area.

The theme includes tons of easy to use options to customize the design of your site. Most of your theme options can be found in the live WordPress theme customizer.

Simply navigate to Appearance > Customize to make changes to the design of your website.