CSS Grid #20: Build a Teaser Gallery with Cards

CSS Grid #20: Build a Teaser Gallery with Cards

The card gallery is a popular design pattern on the web and you see them often in newspaper, magazine and online commerce sites, because of a number of reasons:

  • Cards can be adjusted to all screen sizes (responsiveness).
  • The information can be read and processed in an easy way.
  • Cards help the user focus on the detail.
  • Cards increase usability.

In this tutorial, you will learn how to use the CSS Grid to create a card based layout. Each card will have a teaser to a particular book. The layout will be by default responsive and without the use of media queries.

Let’s start!

Read more: CSS Grid #20: Build a Teaser Gallery with Cards

OSCampus Pro Has a New Theme Called Setoff

OSCampus Pro Has a New Theme

We are happy to announce that OSCampus now has a new theme called "Setoff". 

In this blog post, you will take a brief look at how to set it and at subtle changes it introduces to the OSCampus pathway and class pages.

Read more: OSCampus Pro Has a New Theme Called Setoff

How to Override Almost Anything in Joomla Extensions

A Few Thoughts on Asset Overriding in Joomla

Did you know what it is possible to override almost of the output from Joomla extensions and templates?

It's possible to override images, stylesheets, scripts, layouts, templates and much more. This support for overrides in Joomla enables you customize anything you install on your site ... so long as you know the correct approach.

In this blog post, I'll give you a quick guide to overriding extension displays.

Read more: How to Override Almost Anything in Joomla Extensions

10 Free Tickets to Meet Joomlashack at JoomlaDay Florida 2019

JoomlaDay Florida 2019

Are you sick of the long, cold winter? The absolute best remedy is a trip to sunny Tampa for JoomlaDay Florida 2019.

The event is being held in the fascinating Ybor City district of Tampa on February 22 to 24. 

As one of the co-sponsors of this event, we are giving away 10 free registration tickets.

Why not grab a free ticket and meet us in Tampa for JoomlaDay Florida?

Read more: 10 Free Tickets to Meet Joomlashack at JoomlaDay Florida 2019

Joomlashack's 2018 Review and Thank You

Joomlashack's 2018 Review and Thank You

Thank you for your support of Joomlashack.

Joomlashack started in 2005, but our team took over the site in 2016. It's been a busy couple of years as we re-launched Joomlashack. 

The re-launch has been possible thanks to many of you. We really appreciate your support. 

Here's our recap of the good and bad in 2018 (If you're interested, here's 2016 and 2017). Hopefully this isn't a lame "everything is awesome" post. I'll try and give you honesty and insight into Joomlashack's year. Oh, and read down to the comments for a chance at a special prize!

Read more: Joomlashack's 2018 Review and Thank You

Hide the Prev and Next Navigation Links in Joomla

Hide the Prev and Next Navigation Links in Joomla

If you create a list or blog in Joomla, you will often see navigation link at the bottom of the articles in that list or blog.

This "Prev" and "Next" links allow your site's visitors to navigate to newer or older articles.

One of our students was wanting to know how to remove the navigation options so we created this tutorial for them.

Read more: Hide the Prev and Next Navigation Links in Joomla

CSS Grid #19: Difference Between Grid Containers and Block Containers

Until now, in this series we have assumed that grid containers behave the same as block containers. But there are some subtle differences between them.

Being aware of those, will help you improve your development workflow. This tutorial will explain the differences between the Grid containers and regular block containers.

Read more: CSS Grid #19: Difference Between Grid Containers and Block Containers

How to Fix the Database Connection Error in Joomla

How to Fix the Database Connection Error in Joomla

Do you have a blank page on your Joomla site showing this message?

Error displaying the error page: Application Instantiation Error: Could not connect to MySQL.

This means that your Joomla system can't connect to your database. Since your site's data is stored there, it is highly important you fix the connection to get your site back.

Continue reading this post to find out how to fix the database connection error.

Read more: How to Fix the Database Connection Error in Joomla

5 Joomla Tips for Power Users

5 Joomla Tips for Power Users

Joomla is a great CMS with so many features that even regular users may not understand all options available to them.

I'm going to share 5 tips that Joomla power users love to take advantage of:

  • Global check-in
  • Display site name in page titles
  • Enable HTTPS in all your pages
  • Duplicate a module
  • Preview module positions

Read more: 5 Joomla Tips for Power Users

Responsive Design and Joomlashack Templates

Responsive Design and Joomlashack Templates

A few years ago we wrote the Ultimate Mobile Joomla Guide. We discussed two different techniques for making your Joomla site ready for mobile phones. Both of those techniques worked by showing one template to desktops and another to mobile devices.

Since that post, a third option has emerged: responsive design. Responsive design means that your one and the only template is flexible enough to look good on any device.

In this blog post, we'll show you how two of the mobile-ready Joomlashack templates look on some mobile devices.

Read more: Responsive Design and Joomlashack Templates