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.

They also offer up a free Gantry based template called Cloud 3. I installed this since I do love Gantry. You can download it here.

https://www.cloudaccess.net/cloudbase-3.html

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…

 

Upgrade PHP 5.5 To 7 In WAMP

I installed Chronoforms 6 for WordPress and it requires PHP 5.6 or higher. I am running PHP 5.5 and 7.3 is available.

This video got me started:

 

I downloaded PHP here: https://windows.php.net/download/

I moved the PHP.ini, wampserver.conf, and phpForApache.ini files from my PHP 5.5 folder to my new PHP 7 folder.

I made a few changes to the PHP.ini and phpForApache.ini from John Dugan’s instructions.

In my PHP.ini the only line I changed was line 1943.

zend_extension = “c:/wamp/bin/php/php5.5.12/zend_ext/php_xdebug-2.2.5-5.5-vc11-x86_64.dll”
In my phpForApache.ini the only line I changed was line 718.
extension_dir = “c:/wamp/bin/php/php7.0.30/ext/”

WAMP wouldn’t start after I changed the version to PHP 7.

In the wampserver.conf file I needed to change the following two lines:

$phpConf[‘apache’][‘2.4’][‘LoadModuleName’] = ‘php7_module’;
$phpConf[‘apache’][‘2.4’][‘LoadModuleFile’] = ‘php7apache2_4.dll’;

I restarted WAMP and it was up and running.

The first issue I ran into was CURL needed to be enabled, but the fonts on the site I was working on switched from a Sanserif font to a serif font. Not sure why.

I hope this helps someone else out there…

 

Using Built-in Font Awesome Fonts In DIVI

Divi theme has some built in icons that you can call in a style sheet such as the following:

.someclass:before {
font-family: “ETmodules”;
content: “\6c”;
}

This will give me the icon of a pad and pencil.

I originally got this tip from Josh Hall on YouTube. Thanks for sharing Josh!

This issue I had was being able to figure out the code number for which Icon. The code numbers do not match Font Awesome font codes.

I finally found Elegant Themes cheat sheet for these icons.

The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web

I hope this helps someone else out there…

 

Elegant Themes DIVI – Custom 404 Page

I had a customer complain about not being able to reach the new site we just finished. They were getting a 404 page not found page. This is because Google has the old pages indexed.

First I added the website to Google Analytics and Webmaster Tools so I could get the ball rolling on getting the old URL’s removed from their index.

Second, I got working on creating a custom 404 page. The following article helped me understand how to do this in DIVI.

Build a custom 404 / page not found template

It took about 30 minutes start to finish to get this working.

I hope this helps someone else out there…