Customizing Your Theme

…menus, widgets and more. You will notice that you can instantly preview your changes. Once you are happy with your changes, make sure to save them and exit the customizer. For detailed information on the many options available under the customizer, please visit the Theme Customizer section of our documentation….

Continue reading "Customizing Your Theme"

Show BuddyPress Fields in Members Cards

the new “Members Displayed Profile Fields” that we added in the WordPress Customizer. First, start by opening the WordPress Customizer by going in Appearance > Customize from your WordPress admin. Once the Customizer is opened, simply follow the steps in this video to easily display the fields of your choice: https://youtu.be/mOof-RDzLSQ  …

Continue reading "Show BuddyPress Fields in Members Cards"

Customizing the Site Logo

The custom logo displayed in the navigation bar of your website header can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize > Site Identity > Logo. Find the Logo option in the Customizer to upload your logo. The Customizer will inform…

Continue reading "Customizing the Site Logo"

Customizing the Site Title

The title of your website header can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize > Site Identity > Title. Site Title To customize the site title displayed in the navigation bar of your header, go to Appearance > Customize >…

Continue reading "Customizing the Site Title"

Creating the Static Front Page

…of the site. To create the static front page, go to the WordPress Administration Panels, and visit Settings > Reading or to the Customizer, and navigate to Appearance > Customize > Pages > Static Front Page. Creating a Front Page In Pages choose Add New Page and title it “Home”….

Continue reading "Creating the Static Front Page"

Customizing the Site Icon

The custom icon of your website header can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize > Site Identity > Icon. The site icon, also called favicon, is used as a browser and app icon for your site. To customize the…

Continue reading "Customizing the Site Icon"

Is the Kirki Plugin Required for the Theme to Fully Function?

Yes, the Kirki plugin is an amazing customizer toolkit that we use within Grimlock to create and manage all the fields in the WP customizer. The Kirki plugin will do nothing on its own and Grimlock will not work without Kirki so both of them are required for your theme….

Continue reading "Is the Kirki Plugin Required for the Theme to Fully Function?"

Customizing the Global Appearance

The global appearance for your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Background To customize the background for all pages, go to Appearance > Customize > Global > Background. Color The background color displayed in all…

Continue reading "Customizing the Global Appearance"

Customizing the Site Tagline

The tagline of your website header can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize > Site Identity > Tagline. To customize the site tagline displayed in the navigation bar of your header, go to Appearance > Customize > Site Identity…

Continue reading "Customizing the Site Tagline"

Customizing the Events Page

…following steps. Download Grimlock for The Events Calendar The events page of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Events Page General Options To customize the general options for the events page, go to Appearance…

Continue reading "Customizing the Events Page"

Customizing the Shop Page

…The posts page of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Shop Page General Options To customize the general options for the posts page, go to Appearance > Customize > Products > Shop Page >…

Continue reading "Customizing the Shop Page"

Customizing the Single Product

…The single products of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Single Product Layout To customize the layout options for the single products, go to Appearance > Customize > Products > Single Product > Layout….

Continue reading "Customizing the Single Product"

Customizing the Product Categories

…install this plugin before proceeding to the following steps. Download Grimlock for WooCommerce The product categories of your website can be modified through the Customizer. To customize them, go to Appearance > Customize > Products > Product Categories. Layout – The layout of the category thumbnails for the product categories….

Continue reading "Customizing the Product Categories"

Customizing the Search Results

The search page of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Search Page General Options To customize the general options for the search page, go to Appearance > Customize > Search Results > General. Display…

Continue reading "Customizing the Search Results"

Installing Required Plugins

…your theme to work but most of these are free and can be downloaded on wordpress.org if you want to add features to your project. When using Grimlock to extend the Customizer features, you can also install the following add-ons to improve compatibility with several well-established plugins: Grimlock for WooCommerce…

Continue reading "Installing Required Plugins"

Customizing the BuddyPress Button Colors

…The BuddyPress pages can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize > Community. Member Actions Buttons Background Color – The background color for each button of the BuddyPress member and directory pages. Love Buttons Color – The icon color for…

Continue reading "Customizing the BuddyPress Button Colors"

Customizing the Forum Pages

…The forum pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Forum Pages General Options To customize the general options for the forum pages, go to Appearance > Customize > Forums > General. Title –…

Continue reading "Customizing the Forum Pages"

Customizing the Yoast SEO Breadcrumbs

…for Yoast SEO The events page of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Events Page General Options To customize the general options for the events page, go to Appearance > Customize > Events >…

Continue reading "Customizing the Yoast SEO Breadcrumbs"

Customizing the Single Post

The single posts of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Single Post General Options To customize the general options for the single post, go to Appearance > Customize > Posts > Single Post >…

Continue reading "Customizing the Single Post"

Adding Custom CSS

WordPress allows you to add custom CSS to change the appearance of your website through the Customizer. To display the CSS editor panel, please navigate to Appearance > Customize > Additional CSS. Any CSS added to this section will automatically be loaded on your website….

Continue reading "Adding Custom CSS"

Creating a Multilingual Website

…be translated using the String Translation tool. It allows you also to translate theme options such as the strings entered through the Customizer. You can still import translation files event after the WPML setup. Just navigate to WPML > String Translation and look for the Import / export .po pane….

Continue reading "Creating a Multilingual Website"

Customizing the Single Page

The single pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Single Page General Options To customize the general options for the single post, go to Appearance > Customize > Pages > Single Page >…

Continue reading "Customizing the Single Page"

Customizing the Back To Top Button

The back to top button displayed in the web pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Back To Top Button Style To customize all buttons, go to Appearance > Customize > Back To…

Continue reading "Customizing the Back To Top Button"

Customizing the Posts Page

The posts page of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Posts Page General Options To customize the general options for the posts page, go to Appearance > Customize > Posts > Posts Page >…

Continue reading "Customizing the Posts Page"

Customizing the Pre Footer

The pre footer, the area above the footer displayed in all web pages of your website, can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Pre Footer Layout To customize the layout for the pre footer, go to Appearance…

Continue reading "Customizing the Pre Footer"

Managing Widget Areas

…areas of your website. To add widgets, go to Appearance > Widgets. For an improved user experience, we recommend adding widgets through the Customizer as it helps you to preview your changes. You can access this under Appearance > Customize > Widgets. Sidebar 1-2 Widget Areas The “Sidebar” widget area…

Continue reading "Managing Widget Areas"

Creating Custom Widget Areas

…a highly recommended plugin that allows you to replace any widget areas in your theme without any coding. You can even replace more than one widget area on the same page! This plugin integrates with the Customizer so you can preview your custom widget areas on your site in realtime….

Continue reading "Creating Custom Widget Areas"

Customizing the Typography

The global typography for your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Text To customize the text typography for all pages, go to Appearance > Customize > Typography > Text. Font Family – The font family…

Continue reading "Customizing the Typography"

Customizing the Navigation

The primary navigation for your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Navigation Menu Items To customize the navigation items, go to Appearance > Customize > Navigation > Item. Font Family – The font family for…

Continue reading "Customizing the Navigation"

Customizing the Buttons

The buttons displayed in the web pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing All Buttons Style To customize all buttons, go to Appearance > Customize > Buttons > General. Font Family – The font…

Continue reading "Customizing the Buttons"

Customizing the Hero

…can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Hero General Options To customize the elements of the front page hero, go to Appearance > Customize > Hero > General. Featured Image – The image featured in the front…

Continue reading "Customizing the Hero"

Customizing the Pre Header

The pre header, the area above the header displayed in all web pages of your website, can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Pre Header Layout To customize the layout for the pre header, go to Appearance…

Continue reading "Customizing the Pre Header"

Customizing the Menu Locations

Your theme comes with several of built-in menu locations for your website.You can select which menu appears in each location. To set menu locations, go to Appearance > Menus. For an improved user experience, we recommend setting menu locations through the Customizer as it helps you to preview your changes….

Continue reading "Customizing the Menu Locations"

Customizing the Footer

The footer displayed in all web pages of your website, can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Footer Layout To customize the layout for the footer, go to Appearance > Footer > Layout. Layout – The layout…

Continue reading "Customizing the Footer"

Customizing the Header

The header displayed in all web pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Header General Options To customize the elements of the front page hero, go to Appearance > Customize > Header >…

Continue reading "Customizing the Header"

Customizing the Form Controls

The form controls displayed in all web pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Form Controls Style To customize the style for the header, go to Appearance > Customize > Form Controls. Border…

Continue reading "Customizing the Form Controls"

Customizing the Tables

The tables displayed in all web pages of your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Tables Style To customize the style for the header, go to Appearance > Customize > Tables. Border Width – The…

Continue reading "Customizing the Tables"

Customizing the Pagination

The pagination displayed in the blog page can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Pagination Style To customize all buttons, go to Appearance > Customize > Pagination. Border Radius – The border radius for the pagination displayed…

Continue reading "Customizing the Pagination"

Customizing the Loader

The loader when web page is refreshed can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize. Customizing the Loader To customize the page loader, go to Appearance > Customize > Loader. Display – Enable the Display loader on page refresh checkbox…

Continue reading "Customizing the Loader"

Can I use the plugin Visual Composer with your theme?

…editable through the Customizer, which replaces the need for Visual Page Builder plugins. There are many different designed widgets to make up a different design on the home page and landing pages. Each type of widget provide you with an important number of design options to make your content even…

Continue reading "Can I use the plugin Visual Composer with your theme?"

How to customize display of vertical navigation menu items

…default, this badge will take the background color and the text color of the primary buttons (options available through the WordPress Customizer). If you wish to change these colors here are some possible combinations : <ins>New</ins> <ins class=”bg-white text-primary”>New</ins> <ins class=”bg-success”>New</ins> <ins class=”bg-dark”>New</ins> <ins class=”bg-warning”>New</ins> <ins class=”bg-danger”>New</ins> <ins class=”bg-light text-dark”>New</ins>…

Continue reading "How to customize display of vertical navigation menu items"