Change Site Title Font and Replace with Tagline Font

my site https://www.michaellanfield.com

go to Appearance->Editor->style.css
find “.site-title a” and change font-size and font-weight

thank you for the reply, but I only have this in my style.css page
———————

/*
Theme Name: Metronome
Theme URI: https://devwp.eu/projects/metronome
Author: nofearinc
Author URI: https://devwp.eu/
Description: A balanced and calm WordPress theme for bloggers, gray-blue nuances, fancy header fonts and chill color scheme. Built on the top of the _s theme.
Version: 1.1.2
License: GNU General Public License
License URI: license.txt
Tags: light, two-columns, blue, gray

Metronome WordPress Theme, Copyright (C) 2012-2013 Mario Peshev (nofearinc)

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
and Blueprint https://www.blueprintcss.org/
*/

@import url(‘css/style.css’);

That was in my dashboard under appearance , editor.

That looks like custom CSS — so you have to add the CSS code changes that you want to make. The best way to find the code that is currently setting a style is by using a tool such as Firebug. In this case, it shows this for the site-description (tagline):

#wrapper #header-wrapper #masthead .site-description {
    font-family: "Bad Script",cursive;
    font-size: 22px;
    margin-bottom: 8px;
}

and this for the site-title:

#wrapper #header-wrapper #masthead .site-title a {
    color: #295169;
    font-family: "Waiting for the Sunrise",cursive;
    font-size: 44px;
    text-decoration: none;
}

So copy those sections of code to your style.css file and change according to what you want. You can add styles to the above as well if there’s something you want to add.

oh, okay. I am a beginner. What is firebug?

It worked thanks, but for some reason it put the title text all the way at the top so there is no margin, and there is a space in between the site title and tagline. How do I move the title a little down so there is a margin on top and a smaller space in between the title and tagline? Thanks.

I don’t see those styles anywhere on your site – where did you put them?

See this re: Fireug: https://getfirebug.com/
It’s a huge help with all kinds of web work — could not live without it.

I downloaded firebug installed it to firefox. Now what?
what styles?

Thanks for using Metronome!

Open css/style.css and find this code snippet:

#wrapper #header-wrapper #masthead .site-title {
margin-bottom: 10px;
}

Replace it with:

#wrapper #header-wrapper #masthead .site-title {
margin-bottom: 20px;
margin-top: 15px;
}

You could place it directly at the bottom of metronome/style.css as well, if you can’t find it in the css folder.

It worked. Thank you so very much. I am just wondering, I am a little picky, how do I make the space smaller in between the site title font and tagline font? What I mean is make the title lower or closer to the tagline font?

Reduce the margin-bottom: value from 20px to 15px or whatever seems appropriate in your opinion.

Also, please try using the Metronome theme forum instead as I just don’t see related topics in other forums.

Amazing thanks!
oh lastly I forgot, for the menu how do I shift it to the right a little so it lines up with the posts and there is a margin space?

Add to the bottom of style.css:

.main-navigation ul {
margin-left: 10px;
}

Should be fine with this.

WOW, fabulous! Thank you so much!

Glad to be of help. Good luck with your site and use the Metronome forums for related questions.