Recently we have updated our SVG logo image to rotate around its own center:
here is how it can be implemented:
Read More…Rotate SVG Image Around its own Center
/
Blog
Error with Blocks in Widgets Page in WordPress 5.8
WordPress 5.8 introduced using of Gutenberg blocks as widgets (Admin Panel -> Left Menu -> Appearance -> Widgets) as well. However, it may cause the following error:
wp_enqueue_script() was called incorrectly. "wp-editor" script should not be enqueued together with the new widgets editorIf you have such error, you may check the fix we applied:
Read More…
/
How to Host a Next.JS App on GitHub Pages
Next.js is React Framework created by Vercel. The recommended way to host a next.js app is directly on Vercel. But if you need to host a Next.JS app on GitHub pages it will require a few additional steps. Here is a full guide:
Read More…
/
How to Host a React App on GitHub Pages
GitHub Pages allows you to host static resources (HTML, CSS, and JavaScript) directly from your GitHub repositories.
There is an option for free hosting (limited to 1 repository per account using address username.github.io). You can also choose a paid account ($4 per user monthly) which in my option is a great choice.
Unfortunately, it is NOT possible to host server side rendering scripts, but for React you can export your react app to HTML/JS/CSS and host it on GitHub pages. Here is how it can be done:
Read More…
/
tGymm: How to Change Class Slug Name
If you use our tGymm Theme, you probably use the Class built-in custom post type. In some cases, you may need to rename it to something else. In such case, it will require some code changes. Here are all of the necessary steps:
Read More…
/
tGymm: Insert Text Effect Items as Custom HTML
If you use our tGymm Theme, you probably have noticed the Class Items. They include images as background for the items and fancy hover effect. In case you want to insert such items as custom content it can be easily achieved. Here are all of the necessary steps:
Read More…
/
How to Add Header Phone and Email in Themes where that Functionality is Missing by Default
Most of our themes comes with Customizer options to display Phone and Email in Header. But some themes comes without such functionality (i.e. tTourism theme). If you use such theme and you want to add header phone and/or email it will require a small code change. Here are all of the necessary steps:
Read More…
/
ENOSPC: System limit for number of file watchers reached
I’ve recently face the following error when running React.JS app with Redux on my Ubuntu: ENOSPC: System limit for number of file watchers reached. Here is how to resolve it:
Read More…
/
React.JS Hooks Example
Here is a very simple example of React.JS Hooks: We have an Accordion component with activeIndex state which get updated on Accordion title click:
Read More…
/
React.JS Form Submit Example
Here is an example of React.JS form submit. It has two Components App which renders another Component SearchBar with input. When customer fills the input field and submits it by clicking enter, the values is passed to parent component App which outputs the result to the console:
Read More…
/
React.JS Hello World
Here is a quick guide how to start with React.JS: Installation and creating a test app using it:
Read More…
/
Aligned Images Spacing Issue under Mobile Screen
If you insert an aligned image (left or right) in your post or page content, it probably will look good under Large Screen resolutions (Desktop or Tablet screens). But under Mobile screens there could be an issue with reduced space for text around the image (screenshot above).
If you face such issue, you could check our suggestions how it can be resolved:
Read More…
/
tMedicine Theme: Resolve issue with Slider Text under Mobile
Our tMedicine Theme comes with built-in Slider. If you enter a longer text for slides, it may not be displayed properly under Mobile screens. Here is how to resolve such issue:
Read More…
/
How to Display Category Description
By default, the category description is Not displayed. But if you need to display it, it will require a small code change. Here are all of the necessary steps:
Read More…
/
Add External Font to a Theme
Our premium themes comes with built-in Google Fonts, you can navigate to Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Font’ Section and select a Google Font for your theme text, menu, headings.
In case you need to add external (not listed in options) font, it will require a small config change:
Read More…
/
fClub Theme: Make Content Full-Width
By default our fClub theme displays content in two columns (1 column for actual content and right column for widget sidebar). In case you want to remove the sidebar and display content in full-width, it will require a few code changes. Here are all of the necessary steps:
Read More…
/
Old Themes: Handling potential jQuery issues in WordPress 5.6
In you use an old premium theme (older than 1 year) and upgrade your WordPress to version 5.6 (or newer version), there could be some issues with JavaScript on your site (i.e. not working Slider).
The reason for that is the jQuery version upgrade in latest WordPress versions and stop jQuery Migrate helper script by default.
If you have such issue, here is how to resolve:
Read More…
/
WooCommerce Product Gallery Images Not Saved
Recently, I’ve found a strange behaviour on one WordPress/WooCommerce project: after adding Product Gallery Images and save, the images are not being saved.
If have such issue, here is a quick fix:
Read More…
/
How to Display Posts Author below Title
If you use tMovies or other theme where author is displayed below post content and you want to display it below post titles, it will require a small code change:
Read More…
/
Remove WooCommerce Categories Count
If you use WooCommerce shortcode ‘product_categories’ it will display all categories followed by products count (screenshot above).
In case you want to remove these counts, there are several different options:
Read More…
/