Category Archives: Resources

My Custom CSS – Twenty Seventeen

Follow Me!

When I was starting to learn WordPress, I sought, and got, some great advice from random strangers on the Internet on many WP topics. With a little assistance from the Inspect tool, I  was able to figure out how to customize the look of my chosen themes.

Sometimes Google would reward me with  great articles that explained how to modify standard WordPress themes to suit style requirements.

In an attempt to give back, I offer the first in a series of Custom CSS articles that I hope will empower and educate.

I learned about Twenty Seventeen at a recent WordCamp US and was looking forward to playing around with it because it has lots of new bells and whistles. As luck would have it, the very next week, a client called in need of an emergency portfolio site and Twenty Seventeen fit the bill nicely.

Among other improvements to WordPress 4.7, is the  WordPress Customizer. > Additional CSS option.  This new panel will go a long way for the DIY WordPress crowd. Twenty Seventeen allows users to customize css from the wp-admin without having to create a child theme. If you’re new to CSS but feeling brave, feel free to use the snippets below in the wp-admin > Customizer > Additional CSS panel.

I will add more clips over time and welcome you to offer any of your code clips in my (moderated) comments.

Change background color behind the site title and description

.site-branding {background: #000;}

Change color of the site title

body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a, a {color:#AAC300;}
Of course, you can use any color you want.

Change size and letter spacing of the site description

body.has-header-image .site-description, body.has-header-video .site-description {font-size: 1.3em; letter-spacing: 3px;}

Change background color of a front page section

#panel1 div.panel-content {background: #AAC300!important;}
You may need to use a code inspector to identify the correct panel number, section content is defined in the Customizer > Theme Options

Change standard body font

body, button, input, select, textarea {font-family: "Comic Sans", sans-serif;}
Just kidding about the Comic Sans, but you get the idea.

Change menu item font, width and center label li {font-family: "Comic Sans", sans-serif; width: 20%; text-align: center;}

Change submenu background color

.main-navigation li li a {background-color: #123E4A!important;}

Change submenu link text hover color

.main-navigation li li a:hover {color: #B5C41E!important;}

Align bullets with left paragraph edge

entry-content ol, .entry-content ul {list-style-position: inside;}

Change footer background color and bring it on top of full page background image

.site-footer {background: #AAC300; position:relative; z-index:9999;}

Hide WordPress footer ad

.site-info a {display: none;}

Center logo on page

#masthead .wrap {text-align: center;}

Make logo larger

.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {max-width: 100%; max-height: 100%;}

Created with TwentySeventeen

Keep your browser clear of annoying ads!

Follow Me!

Advertising has it’s place online, but there is definitely benefit to blocking advertisements in your browser.  Put simply, productivity can increase because digital distractions are decreased. This is of great use to the small business person.

There are plenty of adblockers out there, the most popular of which is AdBlockPlus.

If you don’t want to purchase an ad blocker and are a DIY type, you can edit the host file on your computer to block content from known advertisers.

Excellent instructions are kept up up to date and you can sign up to be alerted by email from MVPS Host News when a new version is posted.

More info @

Also, if you’re on a Mac, I suggest using TextWrangler.

A nice way to deal with password security requirements

Follow Me!

I first posted this article to facebook in the summer of 2014. A client’s email had been hacked and she was frustrated with having to change her password again. Password management can be tricky. To assist I began setting her passwords with a combination of encouraging words and symbols like <3 that often satisfy the ‘letters numbers and symbols’ requirements for today’s strong passwords.

Why I like LastPass for credential sharing

Follow Me!

“So many passwords, so many requirements. Capital letter, numbers, no spaces, something random so it can’t be cracked, but something memorable so you don’t have to write it down… Aww snap! it can’t be one already used! Why do they make this so hard? Who really wants my passwords anyway?”

Pretty much for the simple reason that your passwords are valuable. Phishers and hackers want to access whatever accounts of yours they can take gain from…. bank accounts and online purchase passwords can be compromised to run up your bills and deplete your resources. Email accounts are opened and sorted through for passwords, compromising or private photographs, credit card numbers, etc. Anything that can be sold. Even your private address book will be taken apart and sold for direct marketing parts: emails to spammers, phone numbers to insidious call centers, etc.

If you have a website, they might like to use your public face to promote their business via your url. They can do this by altering your website directly if they get password access to your ftp, control panel (c-panel) or content management system passwords (WordPress, Drupal, Joomla). They can make it so visitors to your site pick up and propagate nasty bits of  code to further the benefit of their cause. And… they have lots of ways of doing this, and are changing tactics all the time.

Hint: “I have 3-4 passwords that I use for all of my accounts.” Is not a good example of good password management.

Good password management is hard. There are many tools available to help you manage your passwords. The one I’ve come to like is I recommend my clients use it and offer this video to explain their services:

Having all of my passwords accessible from any browser anywhere has come in handy multiple times. I’ve even been able to ‘come to the rescue’ for clients with lost passwords while on vacation. Since I maintain password sets for my client projects my sanity has been saved on numerous accounts. It can be used to broadcast password changes across project groups. If you’re going to use LastPass, make sure you do not use the master password you set up for ANY other password but… make it memorable. Instead of using a Strong Password Generator to assign a random password, make sure it’s something you will remember without writing down.

There is of course the cold reality that any service or software can be subject to attack. Passwords can be guessed, keyloggers sit in coffeeshops waiting for you to log into your PayPal account. If you don’t think LastPass will work fo your,  do come up with your own system that works, employing encryption keys, browser tools or simple effective pneumonic devices. A ol’ fashioned  notebook or rolodex system might work best for you, but all systems have limitations.

Recently LastPass announced that they’re now supporting all devices for free. It was one of the few paid iphone apps I have ever purchased. It was worth every penny and still is.