Hashtags Community Widget

Hashtags widget that can be placed anywhere on your WordPress site. It shows a tag cloud of the most used hashtags in posts throughout the entire community.

Available widget settings:

  • Title – Decide what’s the title for the widget. By default, it’s called ‘Community Hashtags’
  • Limit – How many hashtags should be shown in the tag cloud.
  • Display – Cloud, List, or Mixed hashtags within the widget.
  • Sorted – Can be sorted by Name: In alphabetical order or Size: The more hashtag is used per post, the larger its ‘size’ and it gives your users an at-a-glance view of favorite community hashtags.
    ↑ ↓ Ascending /Descending order: smallest or first or earliest in the order will appear at the top of the list and vice versa.
  • Minimum post count: Admin can exclude hashtags below a certain size from the widget. Decide to only show hashtags that count e.g. if the setting is 0 all hashtags will show, if 1 = hashtags with at least 1 post will show, etc.

Customize mobile menu

With the new mobile menu redesigned, you can now customize layout and color options located in Gecko Customizer -> Theme, in the Mobile menu appearance section.

Basic settings

Menu settings, Above and Under menu widget settings

Customize WooCommerce

With the help of Gecko Customizer, you can customize the product layout in mobile view. Force single column on Mobile or disable it to allow WooCommerce default settings or 3rd party page builders settings like Elementor.

More available options:

  • Builder friendly products – Makes every single product view builder-friendly.
  • Show sidebars on Product pages – Controls sidebar’s visibility on products pages globally.

Customize Sticky Top Widget Areas

With the help of Gecko Customizer you can customize Sticky Top (above header) and Sticky Top (under header) areas. To do this go to WP Admin -> Gecko -> Gecko Customizer -> Widgets -> Sticky Top (above header) / Sticky Top (under header).

When you expand the settings of this item, you will find:

  • Background color – adjust the background color
  • Text color – adjust text color
  • Links color – adjust link color
  • Links hover color – adjust link color on hover
  • Font-size – adjust font size
  • Additional padding inside bar – set additional padding if necessary
  • Full width – Will remove container maximum width and default side padding.
  • Display on desktop – Enable or disable the position in the desktop view
  • Display on mobile – Enable or disable the item in the mobile view

Theme Body settings

Theme Body settings can be used to add the website background image. The settings are located in WP Admin -> Gecko -> Gecko Customizer -> Theme, Body section.

Available options are:

  • Body background image size – image size can be Auto, Cover or set to Contain
  • Body background image repeat – background image can be set to Do not repeat, Repeat, Repeat vertically, Repeat horizontally 

A custom CSS Body class can be assigned per different Theme Preset.

Adding shadows to main elements / widgets

With Gecko Customizer it’s very easy to add a shadow effect to main elements and widgets. Global shadows settings are located in Gecko Customizer -> Appearance -> Shadows

Examples are shown below:

Different effects can be accomplished by changing the Global shadow color and modifying the colors with color picker slider / color transparency slider.

Next example is with the increased color transparency:

Effects can be fine-tuned with the use of the following sliders:

  • Global shadow distance
  • Global shadow blur
  • Global shadow thickness

Adjusting the corners

Gecko theme brings by default the rounded corners for Widgets and other website content.

The ‘roundness’ can be adjusted within Gecko Customizer -> Appearance settings as shown in the examples below.

Setting the value to 0 for Global border radius will remove all the round corners.

Increasing the value from 2 to maximum of 20px will change the corners from slightly to very rounded.

Theme Presets

Gecko Theme includes two native presets, Light and Dark and these presets are “set in stone”. It means they can not be changed deleted, or altered.
Native presets serve as a starting point, a failsafe to start over from if you are not satisfied with the outcome of the custom preset.

Create Editable Preset

If you wish to change the preset, start by duplicating the native preset and then publish it to take effect.
Simply press the yellow pulsating button to duplicate the preset, give it a name and press Save.

You will now be able to edit the preset as you see fit.
Once ready to use the preset as a default on the site, simply publish your custom preset.

 

Theme Setup, Installation And Update

Installing the Gecko theme is simple as uploading the proper zip file.
If this is your first time installing the theme in the WordPress, please follow these few steps.

  • Go to your purchases tab in profile page on PeepSo site and download PeepSo Theme: Gecko
  • Download the installer file on your desktop
  • On your site, go to WP Admin -> Appearance -> Themes and press Add new button
  • Upload the installer file and activate the theme

That’s it, you have Gecko theme installed.

Adding The License

In order for Gecko theme to work properly and receive updates, you need to enter the license. Please follow these steps;

  • Find the license number at your purchases tab in profile page on PeepSo site.
  • Copy the license number and go to WP Admin -> Gecko -> License
  • Paste your license number and press “Save Changes” button

Your license should now be activated

Updating Gecko Theme

If your license is still valid, update should show up automatically as soon as it is available, however, you will have to manually trigger the update. Simply go to the WP Admin -> Dashboard -> Updates and check if there is available update. If there is one, you can update the Gecko theme from there.

Note: We advise against updating theme from the Themes screen. Always use WP dashboard -> Updates for all updates.

First Setup – Like a Demo

One often asked question is if your site can look like our demo. Of course it can. Here is the quick rundown of the necessary steps. After the installation of the Gecko theme, follow these;

  • Go to WP Admin -> Appearance -> Menus and publish a menu in the Header Menu position
  • Go to WP Admin -> Apperance -> Widgets and publish PeepSo UserBar widget in the Header Widgets position
  • Publish some widgets in left and right sidebars
  • Keep at it until you are satisfied with the look of the site

That is really it, there is no complicated dummy content import, and your site will have a same structure as our demo.