CSS Grid #17: Nesting Grids

Nesting Grids

With CSS Grid, it is possible to turn a grid item into a grid itself and that way, nest a grid inside another grid. With this approach, you can break the design into different parts and layout each one of them individually.

This will provide you with the required flexibility when converting your designs to HTML/CSS. This tutorial will explain how to build nested grids with CSS Grid.

Let’s start!

Read more: CSS Grid #17: Nesting Grids

Solving the Invalid Token Error in Joomla

Solving the Invalid Token Error in Joomla

As a Joomla user, you've likely experienced the "Invalid Token" error when logging into your site.

You've probably had questions about it from users or customers who wanted it resolved.

In the following tutorial, we'll cover what it is and how to resolve it. Unlike other solutions you might find, this won't involve a core hack and it won't compromise your site's security.

Read more: Solving the Invalid Token Error in Joomla

How to Create a Joomla Module

How to Create a Joomla Module

Oftentimes you need to display a small block with some information on your Joomla site. It could be, for example, a block with an offer, or with a tip, or with a newsflash.

This is exactly what Joomla modules are for. In this tutorial, I will show you how to create your own basic Joomla module even if you don't know how to code.

Read more: How to Create a Joomla Module

Play MP3 Files on Your Joomla Site

Play MP3 Files on Your Joomla Site

One of our customers asked how to play MP3 audio files on their Joomla site. Such files can significantly enhance your site content and help you achieve your site goals.

In this tutorial, I will show you how to embed an MP3 audio file in a Joomla article. You will learn to achieve this using the AllVideos plugin from JoomlaWorks.net.

Read more: Play MP3 Files on Your Joomla Site

CSS Grid #16: The grid-auto-flow: dense Property

The grid-auto-flow: dense Property

In one of the first tutorials, you learned that items inside a grid are placed according to a row based flow by default. Items wrap over to the next row and are placed into grid areas if there’s enough space available.

If not, the item will jump over to the next slot, where it can fit. This could lead to a grid layout with empty spaces because the placement algorithm is placing the grid items according to a sequence. The grid-auto-flow: dense property will allow you to fill those empty spaces with grid items of the right size, independently of the source order of the document.

Let’s demonstrate this property with an example!

Read more: CSS Grid #16: The grid-auto-flow: dense Property

The Easiest Workflow to Add Your Joomla Content

The Easiest Workflow to Add Your Joomla Content

In this tutorial, you will learn and practice the easiest and fastest way to add content to your Joomla site. If you follow this workflow, it will make your Joomla life very easy.

The workflow for adding Joomla content is simple:

  • Step 1: Categorize. Create organization for your articles.
  • Step 2: Add. Write your articles.
  • Step 3: Show. Make menu links so that people can click on them and see your articles.

Let's get started.

Read more: The Easiest Workflow to Add Your Joomla Content

Joomla Extensions Missing From the Components Menu

Joomla Extensions Missing From the Components Menu

Have you upgraded your Joomla site and discovered that one or few components have disappeared from the Components menu?  

One of our JoomlaShack University customers recently faced this issue.

In this post, you will learn how to fix links that have disappeared from the Components menu.

Read more: Joomla Extensions Missing From the Components Menu

OSCampus Now Supports Vimeo, Plus Has Improved Lesson Statistics

Introducing 2 New Features in OSCampus Pro

OSCampus is the best and easiest pick if you need a Learning Management System extension for your Joomla site. It's the extension we use to support 10,000's of users here at Joomlashack.com.

The latest version of OSCampus adds support for Vimeo lessons and lessons count. In this blog post, you'll take a look at these two new features.

Read more: OSCampus Now Supports Vimeo, Plus Has Improved Lesson Statistics

Joomla 3 Sample Data: What Are the Options?

Joomla 3 Sample Data: What Are the Options?

When you install a Joomla site you get a lot of options for sample data. These can be very useful if you are new to Joomla, or setting up a site quickly.

With Joomla, you have 6 different sample data options, and we're going to explain what they all do.

When you get to the final step of the Joomla 3 installation process, you'll see these 6 options:

Read more: Joomla 3 Sample Data: What Are the Options?

7 Cool Features in Shack Locations Pro

7 Features Exlusive to Shack Locations Pro

Our Shack Locations Pro component offers some useful features. Some of them, such as markers clustering and bounding, work automatically, on the background. You woudn't know they exist.

Some others, such as displaying a map module, and including locations in Joomla core search, you will need to enable and configure. In this blog post, I will give you a tour of the seven features, exclusive to Shack Locations Pro.

Read more: 7 Cool Features in Shack Locations Pro