ralexandra

Yes, Kathryn, that is what I mean. So just getting a plugin and installing it wouldn’t be enough?
Thanks!

ok, great. Thanks, Kathryn.

okay, never mind. I think I’ve resolved this.

the exact code for the previous bar is

.nav-previous

Thanks!

and actually, the “next post” navigation bar did not change color on every page….

So I’m not getting this altogether right…

Hi mm81,
Thanks for your input.

So I copied and pasted the code above, but changed out the .nav-next (2 instances) to .nav-prev

but no luck…

am I missing something?

Thanks!

just to clarify, if we are changing the default background, we use that code and sub in our new color here?

background: #bb00bb;

Will this also change the default color everywhere else, i.e.: the bar at the bottom of each page directing you to the previous or next post?

Thank you.

Ok, I think I figured this out? The page title is not the post title which appears on the front page. It’s the actual title you type in under SEO title in Yoast page analysis.

But I would like to know what the front page headers are….H1? H2?

okay, thank you Kathryn. Very helpful, and simple! One more question on this: if I were to change the background color to white, I lose the “Recent Posts” type because it is white too. How would I change the color of that type so that it is visible.?
Thank you!

ahahalex,
you mean I couldn’t do it using Jetpack?

Arque1986

Could you please clarify? I tried adding this to my CSS but nothing happened. Which numbers/items did you actually change?

Is there another way to do it besides making a child theme, ie., via CSS?

Ok, thank you. This is helpful. I just wanted to make sure I wasn’t missing something.

I tried it, and it moved the logo over a bit, but did not center it, so I played around with the width, changing it from 610px to 1200px and that seemed to do the trick. Thanks for your help.

I do have a custom css plugin. This is what my title/logo code looks like:

.site-title a {
background: url(https://modernquilts.com/wp-content/uploads/2014/08/modquiltsblocksbw.jpg) no-repeat;
display: block;
width: 610px;
height: 125px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

My site is not live so I can’t post a link to my site. Any help is appreciated.

Do you have the Jetpack plug-in? Once you have it and have activated it, you will have the option of editing CSS. That is where you would place this code.