WordPress Twenty Seventeen – Four-Column Footer

One of the trickiest things I found to do with the WordPress Twenty Seventeen theme was to try and have a four-column footer.  I found a couple of plugins to do the job, but they either didn’t work, or they were far too complex. In the end, I found an easy solution put a basic HTML table into a ‘custom html’ widget inside of ‘Footer 1’. To do this:

Admin > Appearance > Widgets. The drag ‘Custom HTML’ to the ‘Footer 1’ widget.

The base HTML code for a four column table is:

<table id="logo-table" style="width:100%">

<tr>
<th style="text-align: center; width:25%;">Heading One</th>
<th style="text-align: center; width:25%;">Heading Two</th> 
<th style="text-align: center; width:25%;">Heading Three</th> 
<th style="text-align: center; width:25%;">Heading Four</th>
</tr>

<tr>
<td style="text-align: center;">Item One</td>
<td style="text-align: center;">Item Two</td> 
<td style="text-align: center;">Item Three</td> 
<td style="text-align: center;">Item Four</td>
</tr>

</table>

This did 90% of the job. There was just one other thing I wanted to do: Make the footer full-width. By default, Twenty Seventeen has two half-width footers. I also went in and changed the css so that the footer was full-width.

Admin > Appearance > Customize > Additional CSS

Add in the following code:

.site-footer .widget-column.footer-widget-1
{
width: 100%;
}

.site-footer .widget-column.footer-widget-2
{
width: 100%;
}

The end result:

 

WordPress Twenty Seventeen – Change footer colours

To change the footer colours using the Twenty Seventeen theme in WordPress; go to:

Admin > Appearance > Customize > Additional CSS

Add in the following code:

.site-footer { background: #2000a1; }

.site-footer {
    color: #ffffff;
}

.site-footer a {
     color: #ffffff;
}

.site-footer a:hover {
     color: #ffffff;
}

The #ffffff is white, and #2000a1 is a blue colour. The output should look like this:

WordPress Twenty Seventeen – Change uppercase title

I’ve recently been modifying the website for the church I used to attend when I lived in Blackwater – coalcitycc.com.au

The main thing I did was change the theme from the old ‘Pinboard’ theme to the newer ‘Twenty Seventeen’ them. It’s a fantastic theme that I was able to do a lot of things with. There were a few things that I had to figure out how to do. The next couple of posts will be a few short ones so I can document the changes I made.

The most annoying thing with the new theme was the uppercase title on the homepage. To change this – go to ‘Admin > Appearance > Editor’ then select ‘Stylesheet’ ‘style.css’. Then scroll down to line 1580. The ‘site-title’ section should look like this:

.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
/* text-transform: uppercase; */ <--- add in these comments
}

As I’ve marked above, comment out the ‘text-transform: uppercase;’ part to remove the uppercase font on the title.

As you can see from the picture below, it works well!

 

Tiny-Tiny RSS – additional packages needed

I run Tiny-Tiny-RSS as my Google Reader replacement. It’s fantastic. However, now I’ve moved to a VDS, and I needed to install some additional packages. These weren’t listed on the TTRSS install site, so I’ve listed them here, so I can find them again in the future.

php7.2-pgsql
php7.2-curl
php7.2-intl
php7.2-mbstring
php7.2-xml

Odroid – turn off blue light

When the Odroid is running, it’s got a bright flashing blue light. I found this to be very annoying, so I found a way to switch it off. You can switch it off directly by running the code:

su -
echo none > /sys/class/leds/blue\:heartbeat/trigger

But for a more permanent solution, just add the second line to the file –

/bin/odroid-tweaks

This file gets called by odroid-tweaks.service, which gets run at startup.

Odroid XU4

I picked this up a couple of weeks ago. It’s the Odroid XU-4. It’s basically a Raspberry Pi, but with significantly enhanced specifications – it uses a Samsung Exynos processor, EMMC storage and 2GB ram.

It’s about twice the price of the Pi, but with over 4x the performance. It can run a variety of Linux and Android OS’s, with images supplied by the factory, though you can use any you want, provided you can compile up the right kernel.

You really notice the performance increase over the Pi. The eMMC storage, in particular,

I thought I’d use it as a Linux server. I wanted to try to run one at home, but I didn’t want to run my large desktop computer, with its high power needs. The Odroid only uses a few watts at peak.

So how’s it working? It works great. I’ve currently got this blog and another site that I use hosted on it, and I think it actually works quicker than the shared hosting that I was using previously.

 

Air-powered rocket launcher

I built a rocket-launcher on the weekend. How often can you say that? This one is air-powered, and launches paper rockets high into the air.

My brother built one for himself a while back, and for Christmas he gave me the key part (the air solenoid) and some fittings.

The basic design is a H-shape, to provide stability for the base. Apart from the solenoid, all the pieces for the launcher are made from standard PVC pipe. A quick trip to Bunnings provided everything I needed.

Typical Bunnings trip. I then cut the PVC pipe into the right lengths. I drilled a hole into one of the end-caps, and put through an old bicycle-tube valve. I made sure that it was glued and silicon-sealed it well, for air-tightness.

All the parts were then joined together with standard PVC sealant.

I then put together the solenoid section.

Put all together:

I then have another pipe that goes in the top, which the paper rocket sits one. It’s just lauched with a simple 9v battery in a box with a momentary switch:

Overall, it works great. I think I definitely over-built it, it doesn’t nearly need to be this big, could easily be half the size and still work well. I left two joins to be screwed-in, rather than sealed, so that it could be disassembled to lie flat.

Script to change keyboard on Windows 7

I’m currently working in a client’s office, on an extremely locked-down Windows 7 PC. As usual, I want to change to the dvorak keyboard layout, which is my standard. However, the environment on the computer is reset every couple of days, which wipes out my keyboard setting.

So I started looking for a way to change it through a powershell script. Unfortunately, Windows 7 only has an extremely limited version of powershell. But I was able to find a way to change it using an xml script at these two sites:

https://msdn.microsoft.com/en-us/goglobal/bb964650?f=255&mspperror=-2147217396#eyb

https://superuser.com/questions/395818/how-to-change-keyboard-layout-via-command-line-cmd-exe-on-windows-xp-7

Combining them both together, I put together the following xml file:

<gs:GlobalizationServices xmlns:gs="urn:longhornGlobalizationUnattend">

<gs:UserList>
<gs:User UserID="Current"/>
</gs:UserList>

<gs:InputPreferences>

<!-- Add Dvorak -->
<gs:InputLanguageID Action="add" ID="0409:00010409"/>

<!-- Remove US default-->
<gs:InputLanguageID Action="remove" ID="0409:00000409"/>

</gs:InputPreferences>
</gs:GlobalizationServices>

The trickiest part was finding the code for the dvorak keyboard, which is 0409:00010409

The code to execute the xml file is:

control intl.cpl,, /f:"Desktop\changekeyboard.xml"

Which I then put into a .bat file which I keep on the desktop. So, whenever, the keyboard changes, I just double-click the bat file, and the keyboard is fixed again, and I end up with the keyboards as so:

Permanent redirect to https

This is a bit of a follow-on from my previous post, in which I was setting up https access on my website.

Once you’ve got https set up correctly, you might, like I did, want to make sure that all traffic to your website now goes the the SSL connection, rather than through an unencrypted connection.

On Linux hosting, like I have with Quadra Hosting, this can easily be done by creating a ‘.htaccess’ file. Create one in the root level of your hosted directory (the one where you have your index.html file). In the .htaccess file, put in the following lines:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

This will redirect all traffic to the SSL connection.