Google Tag Manager In Gantry 5 Hydrogen

Was asked by a customers marketing company to add Google’s Tag Manager to their clients website. I wasn’t currently using Google’s Tag Manager, so I decided to look into and apply to my site running a Gantry 5 Hydrogen theme.

I tried just adding it in the “Settings” section of my template. The “before body” portion worked; however, the code for the head section was showing up on the page and not hidden.

A quick Google search lead me to this page where someone built an Atom to handle this.

https://translate.google.com/translate?hl=en&sl=fr&u=https://www.en-toutes-lettres.fr/services-web/joomla-news/358-google-tag-manager-sur-gantry5&prev=search

This Atom was awesome. I had to use it both the home and default. They suggest just putting in the base outline, but that didn’t work for me.

I hope this helps someone else out there….

 

WordPress Akeeba – Ajax Loading Error

I was restoring a WordPress website using Akeeba kickstart in my WAMP environment. I got the following error.

I moved over to XXAMP I got site installed; however, my SendMail isn’t set up in XXAMP so I couldn’t test the forms. I wanted to restore the site in WAMP.

Ran the Akeeba Kickstart again and this time I choose to run the files restore “directly” and “ignore most errors”.

The website installed, but while working on the site I discovered a lot of odd things. None of my Widgets or Widget positions were available in the dashboard.

I ran the install again, but this time I did not check “Ignore most errors”. This is installed correctly this time.

I hope this helps someone else out there…

 

Google Analytics Not Displaying Full Page

Using Firefox I went into Google Analytics to see the results on a website recently launched and want to see if the SEO was going as planned. When I clicked on “landing pages” I was getting a double scroll on the right-side, and I couldn’t scroll down to the bottom of the results pane. It looked like this….

A search lead me to trying Chrome where it did work. Suggestion were to try this page “https://www.google.com/intl/en/analytics/”, but that was no help.

I resolved this issue by resizing the browser window. Grabbed one corner to adjust the size of the window and content on the page resized its self.

I hope this helps someone else out there…

 

This endpoint has been retired – Instagram API

Looking in on a customers website I was hit with a dialog box stating “This endpoint has been retired”. Not sure what to do I Googled it and found the following article.

https://stackoverflow.com/questions/49661515/sorry-an-error-occurs-from-instagram-api-this-endpoint-has-been-retired

I was using a Instagram module, and sure enough it was broken. I now need to go back to the customer to ask for more money to fix it. These API’s make it awesome to pull Social Media; however, I wish the Social Media Platforms could standardize and make it easier for a developers reputation. I like asking for money, but hate having to do because something put in place 6 months before is now broken.

I hope this helps someone else out there…

 

Free Joomla Site And Hosting – Joomla.com

Got a great tip last night from the developer at BMoreCreative inc. He was having issues installing a Beta version of Joomla 4 for development purposes. Then he discovered Joomla.com not .org.

I decided to give it a try myself. It was super easy. I provided an email address and what I want the site to be called. Received an email with the activation link, created a password, and I had a “mysite.joomla.com” hosting, cpanel package ready for me in seconds.

It installed a 3.8 site but they provided me with a CPanel so I plan to upgrade to Joomla 4 to get ready for when it becomes the main distribution.

I hope this helps someone else out there….

 

Using Google Fonts And Font Awesome In Photoshop

With a recent project I needed to design a mock-up for the customer in Photoshop. I was planning on using Font Awesome and Google Font Orbitron. I used this tutorial to show me how to download and install a Google Font on my machine so I can use it in Photoshop.

https://www.google.com/search?q=use+google+fonts+in+photoshop&ie=utf-8&oe=utf-8&client=firefox-b-1#kpvalbx=1

For adding Font Awesome I followed the instructions presented by OSTraining

https://www.ostraining.com/blog/webdesign/fontawesome-psd/

I hope this helps someone else out there…

 

ACYMailing Error 500 Layout listing not found.

I wanted to take this component for a test run. It is always on the top row of “Install from Web” tab. It is a hefty install. When finished I clicked on “Lists” to create a list and got the following error:

Error 500 Layout listing not found.

I googled and didn’t find a quick solution other than “did you re-install it”. I ran it again from the “Install from web” tab, and got the same error. I went to the site to download their latest package. It comes down as a .gz. I thought I needed to unzip it first and I did. I didn’t need to do that. I just use the .gz (gun zip).

I was now able to create a list and it retained my only user…me.

I found this article for using Chronoforms with ACYMailing to get subscribers. It worked great. Just a name, email field, and a submit button combined with an PHP script. The user gets an email to confirm they click on the link in the email and ACYMailing took care of the rest.

https://www.acyba.com/acymailing/107-acymailing-chronoform.html#php

I hope this helps someone else out there…

 

Vertical Align Text In li Tag Joomla Menu Button

I was matching another designer’s template where there are 4 big buttons, in different colors, with different icons, and different links.

Very nice. I was using Joomla 3.8 so I created a menu and gave it a style of the color of the button such as “red” for the first button, so each menu item had it’s own class. I had a difficult time when I had three words on the first button, but only 1 word on the other buttons. The line spacing to fit the three lines needed to be “line-height: 1.2em;”, but this made the text on the other three buttons at the top of the box.

The answer was the display option mixed with the line-height in combination with a dash of fixed height.  Then align it in the middle.

#feature-menu ul li a {
font-size:2vw;
line-height: 110px;
height: 120px;
display: table-cell;
vertical-align: middle;
}

Then overwrite that style with a specific line-height.

#feature-menu ul li a.red {
line-height: 1.4em;
}

I hope this helps someone else out there…