GridFeel Documentation

Introduction

GridFeel is a three-column, 100% responsive, and visually appealing grid WordPress theme for fans of dark themes. It is ideal for creating websites for news, galleries, or photographic portfolios. GridFeel features a grid-based posts layout, 2 navigation menus, a header banner, sticky menu and sticky sidebars, 2 sidebars, 4 footer columns, 60+ social buttons, and many options. GridFeel theme also has RTL language support and a translation-ready codebase. The theme is very starter-friendly and easy to set up.

Quick Start Guide

  1. Install & activate the theme via Appearance → Themes → Add New.
  2. Set up your menus by going to Appearance → Menus. Create a menu and assign it to one of the available menu locations.
  3. Configure widgets by going to Appearance → Widgets. Add widgets to the available widget areas.
  4. Customize by going to Appearance → Customize → Theme Options. Set up your social links, header options, and more.

Theme Features

  • Responsive Design
  • Dark Theme Design
  • Three-Column Layout
  • Grid Posts Layout (3 Columns)
  • 2 Navigation Menus (Primary and Secondary)
  • 2 Sidebars and 4 Footer Widget Columns
  • Multiple Full-Width Widget Areas
  • Sticky Menu and Sticky Sidebars
  • 60+ Social Profile Links
  • Custom Logo Support
  • Custom Header Image
  • Custom Background
  • Author Bio Box
  • RTL Language Support
  • Translation Ready
  • Back to Top Button
  • FitVids.JS for Responsive Videos
  • Full-Width Page/Post Templates
  • Header Banner Widget Area

Theme Installation

Method 1: Install via WordPress Dashboard (Recommended)

  1. Log in to your WordPress Dashboard.
  2. Navigate to Appearance → Themes → Add New.
  3. Search for GridFeel in the search box.
  4. Click Install on the GridFeel theme, then click Activate.

Method 2: Upload via WordPress Dashboard

  1. Download the gridfeel.zip theme file from WordPress.org.
  2. Log in to your WordPress Dashboard.
  3. Navigate to Appearance → Themes → Add New → Upload Theme.
  4. Click Choose File, select the gridfeel.zip file, and click Install Now.
  5. After installation, click Activate.

Method 3: Upload via FTP/File Manager

  1. Download the gridfeel.zip theme file and extract it.
  2. Connect to your server via FTP (FileZilla) or use your hosting File Manager.
  3. Upload the extracted gridfeel folder to /wp-content/themes/.
  4. Go to your WordPress Dashboard → Appearance → Themes and activate GridFeel.

Troubleshooting Installation Issues

  • "The uploaded file exceeds the upload_max_filesize directive" – Your hosting limits file uploads. Increase the limit via php.ini, .htaccess, or contact your host. Alternatively, use FTP.
  • "The package could not be installed. The theme is missing the style.css stylesheet" – You may be uploading the wrong file. Make sure you upload only the gridfeel.zip file.

Import Demo Content

You can import the demo content, widgets, and Customizer settings shown in the GridFeel theme demo.

Manual Demo Import

Step 1: Import Main Site Content

This includes: Posts, pages, menus, media, categories, tags, comments, and custom fields.

  1. Download: XML File
  2. Go to Tools → Import.
  3. Under "WordPress", click Install Now if not installed.
  4. Click Run Importer.
  5. Select the XML file and click Upload file and import.
  6. Check "Download and import file attachments", click Submit.

Step 2: Import Widgets

  1. Install the Widget Importer & Exporter plugin.
  2. Go to Tools → Widget Importer & Exporter.
  3. Copy content from: Widgets .wie File and paste into the box.
  4. Click Import Widgets.

Step 3: Import Customizer Settings

  1. Download: Customizer File
  2. Install the Customizer Export/Import plugin.
  3. Go to Appearance → Customize → Export/Import.
  4. Select the .dat file, check "Download and import image files?", click Import.

Regenerate Thumbnails

If your website already has existing posts with featured images, it's highly recommended to regenerate thumbnails after activating the GridFeel theme. This ensures that all images match the new theme's layout and display sizes.

Regenerating thumbnails is optional if your site is completely new and doesn't have any uploaded images yet.

However, if you imported the demo content, regenerating thumbnails is essential to display images correctly across the site.

  1. Install and activate the Regenerate Thumbnails plugin.
  2. Go to Tools → Regenerate Thumbnails.
  3. Click the "Regenerate Thumbnails for All x Attachments" button to start the process.
  4. Wait until all images are regenerated. This may take a few minutes depending on your media library size.
  5. If you want, you can deactivate and delete the plugin once the process is complete.

This step ensures clean image alignment and sharp visuals throughout your website using the GridFeel theme.

Header Image

Use the WordPress Customizer to add or manage the header image that appears at the top of your site.

How to add a header image

  1. Go to Appearance → Customize → Theme Options → Header Image.
  2. Click Add new image and choose/upload your image (recommended width: 1920px or larger).
  3. Crop if prompted, then click Publish.

Useful options

  • Hide Header Image from Everywhere – remove the header image globally.
  • Remove Link from Header Image – keep the image but remove the homepage link.
  • Hide Title/Description – hide the overlaid title/description text.
  • Custom Title/Description – enter your own text for the header image area.
  • Header Image Destination URL – set a custom link target when the image is clicked.
  • Header Image Alt Text – set an alt attribute for accessibility/SEO.
  • Show Header Image Title on Smaller Screens – display the title on mobile devices.
  • Show Header Image Description on Smaller Screens – display the description on mobile devices.

If the image looks short on smaller screens, enable the option to add a minimum height ("cover") for the header image and set a custom minimum height value.

Widget Areas

There are 23 widget areas in the GridFeel theme. The free version does not bundle custom widgets; use WordPress core widgets or plugins of your choice inside these areas.


  1. Header Right Widgets

    Located on the right side of the header. Ideal for a 728x90 banner ad using a "Custom HTML" widget.

  2. Sidebar 1 Widgets

    Left-hand sidebar for your pages/posts.

  3. Sidebar 2 Widgets

    Right-hand sidebar for your pages/posts.

  4. Top Full Width Widgets (Default HomePage)

    Full-width area after the header, shown only on the default homepage (latest posts).

  5. Top Full Width Widgets (Everywhere)

    Full-width area after the header, shown on every page.

  6. Above Content Widgets (Default HomePage)

    Above main content (above posts), shown on the default homepage (latest posts).

  7. Above Content Widgets (Everywhere)

    Above main content (above posts), shown on every page.

  8. Top Left Widgets (Default HomePage)

    Located at the left top of the site, shown on the default homepage (latest posts).

  9. Top Left Widgets (Everywhere)

    Located at the left top of the site, shown on every page.

  10. Top Right Widgets (Default HomePage)

    Located at the right top of the site, shown on the default homepage (latest posts).

  11. Top Right Widgets (Everywhere)

    Located at the right top of the site, shown on every page.

  12. Below Content Widgets (Default HomePage)

    Below main content (below posts), shown on the default homepage (latest posts).

  13. Below Content Widgets (Everywhere)

    Below main content (below posts), shown on every page.

  14. Bottom Full Width Widgets (Default HomePage)

    Full-width area before the footer, shown on the default homepage (latest posts).

  15. Bottom Full Width Widgets (Everywhere)

    Full-width area before the footer, shown on every page.

  16. Single Post Bottom Widgets

    Appears at the bottom of single posts (all post types except pages/attachments).

  17. Footer Top Widgets

    Full-width area above the footer columns.

  18. Footer 1 Widgets

    Footer column 1.

  19. Footer 2 Widgets

    Footer column 2.

  20. Footer 3 Widgets

    Footer column 3.

  21. Footer 4 Widgets

    Footer column 4.

  22. Footer Bottom Widgets

    Full-width area below the footer columns.

  23. 404 Page Widgets

    Displayed on the 404 (not found) page.

Page Templates

GridFeel includes four custom page/post templates you can use for full-width layouts.

  • Full Width, no sidebar (Page) — Template for pages without any sidebar (template-full-width-page.php)
  • Full Width, bottom sidebar (Page) — Template for pages with a bottom sidebar (template-full-width-page-sidebar.php)
  • Full Width, no sidebar (Post) — Template for posts without any sidebar (template-full-width-post.php)
  • Full Width, bottom sidebar (Post) — Template for posts with a bottom sidebar (template-full-width-post-sidebar.php)

How to apply a template

  1. Edit a page or post in the WordPress editor.
  2. In the Page Attributes (or Post Attributes) panel, open the Template dropdown.
  3. Select the desired full-width template and update/publish.

Use featured images with sufficient width (e.g., 1200px+) for best presentation in full-width layouts.

Customizer Theme Options

Navigate to Appearance → Customize to access the WordPress Customizer. You will find a Theme Options panel with several sections for configuring your GridFeel theme.

9.1 Site Identity Options

Navigate to Appearance → Customize → Site Identity

Option ID Option Name Description Control Type Accepted Value Default
custom_logo Logo Upload or select a custom logo for your site. Image PNG/JPEG/SVG (recommended up to 512×512px) None
gridfeel_options[logo_location] Logo Location Choose logo position relative to the site title and tagline. Select beside-title | above-title above-title
blogname Site Title The site name shown in the header. Text Any text Set during WP install
blogdescription Tagline Short description or slogan. Text Any text “Just another WordPress site” (WP default)
display_header_text Display Site Title and Tagline Show or hide the site title and tagline text. Checkbox true | false true
site_icon Site Icon Upload a favicon used in browser tabs and devices. Image Square image (recommend 512×512px) None

9.2 Colors Options

Navigate to Appearance → Customize → Colors

Option ID Option Name Description Control Type Accepted Value Default
background_color Background Color Sets the site background color. Color Picker Hex color (e.g., #3b3b3b) #3b3b3b
header_textcolor Header Text Color Sets the color of the site title and tagline. Color Picker Hex color (e.g., #ffffff) #ffffff

9.3 Header Image Options

Navigate to Appearance → Customize → Header Image

Option ID Option Name Description Control Type Accepted Value Default
header_image Header Image Upload/select an image for the site header. Image Image file None
gridfeel_options[hide_header_image] Hide Header Image from Everywhere Hide the header image globally. Checkbox true | false false
gridfeel_options[remove_header_image_link] Remove Link from Header Image Remove the clickable link from the header image. Checkbox true | false false
gridfeel_options[hide_header_image_details] Hide Title/Description from Header Image Hide both the overlaid title and description. Checkbox true | false false
gridfeel_options[hide_header_image_title] Hide Title from Header Image Hide only the overlaid title text. Checkbox true | false false
gridfeel_options[hide_header_image_description] Hide Description from Header Image Hide only the overlaid description text. Checkbox true | false false
gridfeel_options[header_image_custom_text] Display Custom Text instead of Site Title/Description Use custom title/description in the header image area. Checkbox true | false false
gridfeel_options[header_image_custom_title] Header Image Custom Title Custom title shown on the header image (HTML allowed). Text Any text/HTML Empty
gridfeel_options[header_image_custom_description] Header Image Custom Description Custom description shown on the header image (HTML allowed). Text Any text/HTML Empty
gridfeel_options[header_image_destination] Header Image Destination URL Custom URL the header image links to. Text Valid URL Homepage URL
gridfeel_options[header_image_cover] Add a Minimum Height (Cover) to Header Image on Smaller Screens Enforce a minimum height on small screens. Checkbox true | false false
gridfeel_options[header_image_height_mobile] Header Image Minimum Height on Smaller Screens Custom minimum height value (used when cover is enabled). Text CSS size (e.g., 200px) 200px
gridfeel_options[header_image_alt_text] Header Image Alt Text Alt attribute for the header image. Text Any text Site Title
gridfeel_options[header_image_title_mobile] Show Header Image Title on Smaller Screens Display the title on mobile/small screens. Checkbox true | false false
gridfeel_options[header_image_description_mobile] Show Header Image Description on Smaller Screens Display the description on mobile/small screens. Checkbox true | false false

9.4 Background Image Options

Navigate to Appearance → Customize → Background Image

Option ID Option Name Description Control Type Accepted Value Default
background_image Background Image Upload or select a background image for the site. Image Image file None
background_repeat Background Repeat Choose whether the background image repeats. Select repeat | no-repeat repeat
background_position Background Position Set the starting position of the background image. Select left top | center top | right top | left center | center center | right center | left bottom | center bottom | right bottom left top
background_attachment Background Attachment Choose if the background is fixed or scrolls with the page. Select scroll | fixed scroll
background_size Background Size Control how the background image scales. Select auto | cover | contain auto

9.5 Menu Options

Navigate to Appearance → Customize → Theme Options → Menu Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[primary_menu_text] Primary Menu Mobile Text Label shown for the primary mobile menu toggle. Text Any text Menu
gridfeel_options[disable_primary_menu] Disable Primary Menu Hide the primary menu location entirely. Checkbox true | false false
gridfeel_options[disable_sticky_menu] Disable Sticky Feature from Primary Menu Turn off sticky behavior for the primary menu on desktop. Checkbox true | false false
gridfeel_options[enable_sticky_mobile_menu] Enable Sticky Feature for Primary Menu on Small Screen Keep the primary menu sticky on mobile. Checkbox true | false false
gridfeel_options[center_primary_menu] Center Primary Menu Center-align primary menu items. Checkbox true | false false
gridfeel_options[secondary_menu_text] Secondary Menu Mobile Text Label shown for the secondary mobile menu toggle. Text Any text Menu
gridfeel_options[disable_secondary_menu] Disable Secondary Menu Hide the secondary menu location entirely. Checkbox true | false false
gridfeel_options[center_secondary_menu] Center Secondary Menu Center-align secondary menu items. Checkbox true | false false

9.6 Header Options

Navigate to Appearance → Customize → Theme Options → Header Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[hide_tagline] Hide Tagline Hide the site tagline text in the header. Checkbox true | false false
gridfeel_options[hide_header_content] Hide Header Content Hide the header content block (logo/title/tagline + header ad). Checkbox true | false false
gridfeel_options[header_padding] Header Padding Set padding around header content. Text CSS size (e.g., 10px) 10px
gridfeel_options[search_box_placeholder_text] Search Box Placeholder Text Placeholder text inside the header search box. Text Any text Enter your search keyword...

9.7 Posts Grid Options

Navigate to Appearance → Customize → Theme Options → Posts Grid Options

To display your latest posts as a grid on your homepage, set the "Your homepage displays" option to "Your latest posts" in Settings → Reading.

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[hide_posts_heading] Hide HomePage Posts Heading Hide the heading above the posts grid on the homepage. Checkbox true | false false
gridfeel_options[posts_heading] HomePage Posts Heading Text used as the posts grid heading. Text Any text Recent Posts
posts_per_page Number of Posts per Page Sets how many posts display per blog page. Text Positive integer WordPress default
gridfeel_options[grid_item_height] Height of Grid Post Items Fixed height for grid items; use “auto” for dynamic height. Text CSS size or “auto” 220px
gridfeel_options[grid_thumb_position] Thumbnails Background Position Background position of grid thumbnails. Select top | bottom | left | right | center | initial top
gridfeel_options[thumbnail_link_home] Thumbnails Links Link grid thumbnails to their posts. Select yes | no yes
gridfeel_options[hide_post_title_home] Hide Post Titles from Posts Grid Hide titles in the grid. Checkbox true | false false
gridfeel_options[remove_post_title_link_home] Remove Links of Post Titles from Posts Grid Show titles without links. Checkbox true | false false
gridfeel_options[limit_post_titles_home] Limit the Length of Post Titles in Posts Grid Enable title word-count limit. Checkbox true | false false
gridfeel_options[post_title_length_home] Maximum Length of Post Titles in Posts Grid Word count for titles (used when limit is enabled). Text Positive integer 6
gridfeel_options[hide_post_author_home] Hide Post Author Names from Posts Grid Hide author names under items. Checkbox true | false false
gridfeel_options[hide_posted_date_home] Hide Post Dates from Posts Grid Hide dates under items. Checkbox true | false false
gridfeel_options[post_date_home_type] Grid Post Date Type Choose which date to display. Select published | updated published
gridfeel_options[show_comments_link_home] Show Comment Links on Posts Grid Show comment count/link. Checkbox true | false false
gridfeel_options[comments_count_full_home] Display Comment Texts instead of Comments Counts on Posts Grid Show text (“Comments”) instead of number. Checkbox true | false false
gridfeel_options[hide_post_categories_home] Hide Post Categories from Posts Grid Hide category labels. Checkbox true | false false
gridfeel_options[activate_responsive_grid_data] Hide Grid Posts Contents According to Screen Size Enable responsive hiding of grid meta on smaller screens. Checkbox true | false false

9.8 Post Options

Navigate to Appearance → Customize → Theme Options → Post Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[thumbnail_link] Featured Image Link Link featured image in single posts to the post. Select yes | no yes
gridfeel_options[hide_thumbnail] Hide Featured Image from Full Post Remove featured image from single posts. Checkbox true | false false
gridfeel_options[featured_media_under_post_title] Move Featured Image to Bottom of Full Post Title Place featured media below the title. Checkbox true | false false
gridfeel_options[auto_width_thumbnail] Do not Stretch Small Featured Image in Full Post Keep original width for small featured images. Checkbox true | false false
gridfeel_options[hide_post_title] Hide Post Header from Full Post Hide the post title area on single posts. Checkbox true | false false
gridfeel_options[remove_post_title_link] Remove Link from Full Post Title Show title without link. Checkbox true | false false
gridfeel_options[hide_post_categories] Hide Post Categories from Full Post Hide category list under single posts. Checkbox true | false false
gridfeel_options[hide_post_author] Hide Post Author from Full Post Hide author name on single posts. Checkbox true | false false
gridfeel_options[hide_posted_date] Hide Post Date from Full Post Hide date on single posts. Checkbox true | false false
gridfeel_options[post_date_type] Post Date Type Choose which date to show. Select published | updated published
gridfeel_options[hide_comments_link] Hide Comment Link from Full Post Hide the comments link/meta. Checkbox true | false false
gridfeel_options[hide_comment_form] Hide Comments/Comment Form from Full Post Remove comments area entirely. Checkbox true | false false
gridfeel_options[hide_post_edit] Hide Post Edit Link Hide the edit link for logged-in users. Checkbox true | false false
gridfeel_options[hide_post_tags] Hide Post Tags from Full Post Hide tags list on single posts. Checkbox true | false false
gridfeel_options[hide_author_bio_box] Hide Author Bio Box Hide the author bio box below posts. Checkbox true | false false
gridfeel_options[no_underline_content_links] Do not Underline the Links within the Content Remove underline styling from in-post links. Checkbox true | false false

9.9 Posts Navigation Options

Navigate to Appearance → Customize → Theme Options → Posts Navigation Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[hide_post_navigation] Hide Post Navigation from Full Posts Hide prev/next links on single posts. Checkbox true | false false
gridfeel_options[hide_posts_navigation] Hide Posts Navigation from Home/Archive/Search Pages Hide pagination on listing pages. Checkbox true | false false
gridfeel_options[posts_navigation_type] Posts Navigation Type Select normal (prev/next) or numbered pagination. Replaced by WP-PageNavi if that plugin is active. Select normalnavi | numberednavi numberednavi

9.10 Page Options

Navigate to Appearance → Customize → Theme Options → Page Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[thumbnail_link_page] Featured Image Link Link page featured image to the page. Select yes | no yes
gridfeel_options[hide_page_thumbnail] Hide Featured Image from Single Page Hide the featured image on pages. Checkbox true | false false
gridfeel_options[featured_media_under_page_title] Move Featured Image to Bottom of Page Title Place featured media below the page title. Checkbox true | false false
gridfeel_options[hide_page_title] Hide Page Header from Single Page Hide the page title/header area. Checkbox true | false false
gridfeel_options[remove_page_title_link] Remove Link from Single Page Title Show title without link. Checkbox true | false false
gridfeel_options[hide_page_date] Hide Page Date from Single Page Hide date on pages. Checkbox true | false false
gridfeel_options[page_date_type] Page Date Type Choose which date to show. Select published | updated published
gridfeel_options[hide_page_author] Hide Page Author from Single Page Hide author name on pages. Checkbox true | false false
gridfeel_options[hide_page_comments] Hide Comment Link from Single Page Hide comment link/meta on pages. Checkbox true | false false
gridfeel_options[hide_page_comment_form] Hide Comments/Comment Form from Single Page Remove comments area entirely. Checkbox true | false false
gridfeel_options[hide_page_edit] Hide Edit Link from Single Page Hide the edit link for logged-in users. Checkbox true | false false
gridfeel_options[hide_static_page_title] Hide Page Header from Static Homepage Hide page title when used as static front page. Checkbox true | false false
gridfeel_options[hide_static_page_meta] Hide Page Meta Data (Page Date, Page Author, Comment Link) from Static Homepage Hide meta on the static front page. Checkbox true | false false

9.13 Search and 404 Pages Options

Navigate to Appearance → Customize → Theme Options → Search and 404 Pages Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[no_search_heading] No Search Results Heading Heading shown when no search results are found. Text Any text/HTML Nothing Found
gridfeel_options[no_search_results] No Search Results Message Message shown when no search results are found. Textarea Any text/HTML Sorry, but nothing matched your search terms. Please try again with some different keywords.
gridfeel_options[error_404_heading] 404 Error Page Heading Heading for the 404 page. Text Any text/HTML Oops! That page can not be found.
gridfeel_options[error_404_message] Error 404 Message Message displayed on the 404 page. Textarea Any text/HTML It looks like nothing was found at this location. Maybe try one of the links below or a search?
gridfeel_options[hide_404_search] Hide Search Box from 404 Page Remove the search box from the 404 page. Checkbox true | false false

9.14 Other Options

Navigate to Appearance → Customize → Theme Options → Other Options

Option ID Option Name Description Control Type Accepted Value Default
gridfeel_options[enable_widgets_block_editor] Enable Gutenberg Widget Block Editor Use the block-based widget editor instead of classic widgets UI. Checkbox true | false false
gridfeel_options[disable_loading_animation] Disable Site Loading Animation Turn off the page loading animation. Checkbox true | false false
gridfeel_options[disable_sticky_sidebar] Disable Sticky Feature from Sidebars Disable sticky behavior for sidebars. Checkbox true | false false
gridfeel_options[disable_fitvids] Disable FitVids.JS Turn off responsive video script. Checkbox true | false false

Translation & RTL

GridFeel is fully translation-ready and supports Right-to-Left (RTL) languages like Arabic, Hebrew, and Persian out of the box.

🌐 Translating the Theme

The theme includes a gridfeel.pot file located in the /languages folder inside the theme directory. You can use this file to create translations in your own language using any of the following tools:

After translating, save your files as:

  • gridfeel-[language_code].po
  • gridfeel-[language_code].mo

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

GridFeel includes built-in RTL support. If your WordPress site language is set to an RTL language, the theme will automatically adjust layout direction, alignment, and spacing accordingly. No extra setup required.

If you're customizing your site with RTL content, make sure your text widgets, menus, and custom styles are also RTL-compatible for best results.

Performance & SEO Tips

These tips are not specific to the GridFeel theme — they apply to any WordPress site:

  • Use a caching plugin – Recommended: W3 Total Cache, WP Super Cache, or LiteSpeed Cache.
  • Optimize images – Use EWWW Image Optimizer, Imagify, or ShortPixel.
  • Use a CDN – Cloudflare, BunnyCDN, or similar services can speed up content delivery globally.
  • Minify CSS and JavaScript – Use Autoptimize to combine and minify resources.
  • Use PHP 8.x – Modern PHP versions are significantly faster. Check with your host.
  • Use an SEO plugin – Recommended: Yoast SEO or All in One SEO.
  • Set up SSL (HTTPS) – Most hosts offer free Let's Encrypt SSL. This also helps SEO.
  • Use good hosting – Quality managed WordPress hosting makes a significant difference.
  • Limit active plugins – Only keep essential plugins active to reduce bloat and conflicts.
  • Keep WordPress, theme, and plugins updated – Updates include security patches and performance improvements.

FAQ

How do I display my latest posts on the homepage?

Go to Settings → Reading and set "Your homepage displays" to "Your latest posts". The theme will automatically display them as a grid.

How do I set a static page as the homepage?

Go to Settings → Reading and set "Your homepage displays" to "A static page". Select the desired page for the homepage and a separate page for your blog posts.

How do I add social profile links?

Go to Appearance → Customize → Theme Options → Social Links Options. Enter the full URLs for each social network you want to display.

How do I change the number of columns in the footer?

The free version has 4 footer columns. You can use all four or fewer columns by simply adding widgets to only the footer widget areas you want to use.

How do I remove the "Design by ThemesDNA.com" credit?

The footer credit link can be removed by upgrading to GridFeel PRO.

How do I change the grid item height?

Go to Appearance → Customize → Theme Options → Posts Grid Options and set the Height of Grid Post Items option. Default is 220px. Set to auto for dynamic height.

How do I disable the sticky menu?

Go to Appearance → Customize → Theme Options → Menu Options and check "Disable Sticky Primary Menu".

How do I disable the sticky sidebars?

Go to Appearance → Customize → Theme Options → Other Options and check "Disable Sticky Feature from Sidebars".

Can I use this theme for RTL languages?

Yes. GridFeel includes full RTL support. Simply set your site language to an RTL language in Settings → General.

How do I add a header banner/ad?

Go to Appearance → Widgets and add a Custom HTML widget to the "Header Right Widgets" area. Paste your ad code (e.g., a 728x90 banner) into the widget.

Troubleshooting

Images are not displaying properly / Images look stretched or blurry

Install and run the Regenerate Thumbnails plugin. This regenerates all image sizes to match the theme's layout requirements.

Menus are not showing

Go to Appearance → Menus, make sure you've created a menu and assigned it to a display location (Primary Menu or Secondary Menu). Also check that the menu is not disabled in Appearance → Customize → Theme Options → Menu Options.

Widget areas are empty

Go to Appearance → Widgets and add widgets to the desired widget areas. If no widgets are added, the areas will not be visible on the site.

Header image not showing

Go to Appearance → Customize → Header Image and add a header image. Make sure the "Hide Header Image from Everywhere" option is not checked.

Theme looks different from the demo

Import the demo content as described in the Import Demo Content section, then regenerate thumbnails.

Footer widgets are not visible

Check that the "Hide Footer Widgets" option is not checked in Appearance → Customize → Theme Options → Footer Options. Also ensure you have added widgets to the footer widget areas.

Header content area is not visible

Check that the "Hide Header Content" option is not checked in Appearance → Customize → Theme Options → Header Options.

Site loading animation won't stop

This usually happens when a JavaScript error from another plugin prevents the page from fully loading. Check the browser console for errors or disable the loading animation via Appearance → Customize → Theme Options → Other Options → Disable Site Loading Animation.

Sidebar not sticking / Sticky sidebar not working

Make sure the "Disable Sticky Feature from Sidebars" option is not checked in Appearance → Customize → Theme Options → Other Options. Sticky sidebars require enough content in both the sidebar and the main content for the effect to be visible.

Still having issues?

Visit the ThemesDNA Support page and describe your issue. Include your site URL if possible.

Support & Licensing

The GridFeel theme is released under the GNU General Public License v2.0 (GPL v2). You can use the theme on unlimited websites and modify the code.

What's included in free support:

  • Help with theme installation and setup
  • Bug fixes and troubleshooting related to the theme
  • Guidance on using built-in theme features

What's not included in free support (but available as paid tasks):

  • Theme customization or resolving third-party plugin conflicts
  • Custom coding or feature implementation requests
  • Performance tuning, SEO setup, or server configuration assistance

If you need help, please contact us. We typically respond within 24-48 hours on working days.

Contact Support

Upgrade to GridFeel PRO

For more features including color options, font options, news ticker, related posts, and much more, consider upgrading to GridFeel PRO.

Changelog

Version 1.0.4

  • Cleanup: Removed obsolete IE polyfills (assets/js/html5shiv*.js, assets/js/respond*.js).

Version 1.0.2

  • Fixed coding issues
  • Theme Customizer updated
  • Many improvements

Version 1.0.1

  • Fixed coding issues
  • Theme Customizer updated
  • Many improvements

Version 1.0.0

  • Initial Release

Date Formats

You can use the following date format values to control how dates appear in various places such as custom widgets, post metadata, news tickers, and more. These formats follow the standard PHP date formatting rules used by WordPress. Refer to the table below to choose a format that best fits your design and content style.

Format KeyExample Output
H:i00:50
g:i a12:50 am
g:i A12:50 AM
g:i:s a12:50:48 am
g:i:s A12:50:48 AM
d.m.y27.11.10
Y.m.d2010.11.27
Y-m-d2010-11-27
Y/m/d2010/11/27
m.d.Y11.27.2010
m-d-Y11-27-2010
m/d/Y11/27/2010
d.m.Y27.11.2010
d-m-Y27-11-2010
d/m/Y27/11/2010
m/d/Y g:i:s a11/27/2010 12:50:48 am
m/d/Y g:i:s A11/27/2010 12:50:48 AM
Y/m/d \a\t g:i a2010/11/27 at 12:50 am
Y/m/d \a\t g:i A2010/11/27 at 12:50 AM
d F27 November
F, YNovember, 2010
F j, YNovember 27, 2010
d M Y27 Nov 2010
M j, YNov 27, 2010
M j, Y @ H:iNov 27, 2010 @ 0:50
l, F j, YSaturday, November 27, 2010
l, F jS, YSaturday, November 27th, 2010