Edit size of Title

Welcome back. 😉

Give these steps a try. They’re taken from the child theme Codex article.

On your installation using a FTP or whatever file management tools your host provider offers you create this directory.

wp-content/themes/atomic-child

In that directory using a plain text editor create 2 files. The first file will be named style.css and will have these lines in it.

/*
 Theme Name:   Atomic Child Theme for pianoservice.ca
 Description:  Atomic Child Theme
 Template:     atomic
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Your CSS modifications will go below this line */

.site-description {
  font-size: 1.0rem;
}

The other file will be named functions.php and will have these lines in it.

<?php
// Queue up the parent Atomic CSS
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'atomic-parent-style', get_template_directory_uri() . '/style.css' );

}

That PHP code will make sure that the parent Atomic stylesheet is loaded. Make sure you do this in the new wp-content/themes/atomic-child directory.

Now visit http://www.pianoservice.ca/wp-admin/themes.php

You should see something like this.

See the “Atomic Child Theme for pianoservice.ca” box? Hover your mouse over that and the Activate button will reveal itself. Activate the theme.

Once you do that the header image will revert to the theme default and any widgets you’ve setup but that’s easily fixed via this link.

http://www.pianoservice.ca/wp-admin/customize.php?url=https%3A%2F%2Fwww.pianoservice.ca%2F

If that all works then my next question is: how to you wish to reduce your title? The “Registered Piano Technician” portion? The CSS I added to the style.css file is this.

.site-description {
  font-size: 1.0rem;
}

The font-size was reduced from 1.8rem to 1.0rem which made it appear smaller.

If that doesn’t work, let me know that too. 😉

There’s got to be a way… Who did you sign up for hosting with? I’m asking because depending on who it is will depend on what the file interface will be.

Edit: It looks like you’re using this host provider.

http://www.justhost.com/

If you have cPanel then this may work for you.

https://my.justhost.com/hosting/help/file_manager

*Looks, checks site, says ALRIGHT!*

I guess the remaining question for me is: if the .css mod you created was seemingly targeting more the tagline (description), why did the title box and text change in the first place? I am missing something!

Honesty? I’m not sure. I’ve never used font-size: 1.4rem; before and my CSS may not be the best. Perhaps someone else can chime in? 😉

Here’s the best part of your learning this: by creating and activating that child theme you get to safely make your changes to the CSS.

When an update for the Atomic theme occurs, your changes will still be preserved. You get the benefit of a maintained theme while still keeping the CSS as you want it to be.

When you look at your site’s HTML source you’ll see these 2 lines.

<link rel='stylesheet' id='atomic-parent-style-css'  href='http://www.pianoservice.ca/wp-content/themes/atomic/style.css?ver=4.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='atomic-style-css'  href='http://www.pianoservice.ca/wp-content/themes/Atomic-child-2/style.css?ver=4.2.2' type='text/css' media='all' />

The first line is from the Atomic theme (it’s CSS). Your changes happen after it in the second line. Good job. 😉