How to change text and header color

I created a child theme of landline – using the ‘one-click child theme’ plugin – but all of the changes I make don’t show up… For example to change the background color – here is this code:

What am I doing wrong?

<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>/style.css” type=”text/css” media=”screen” title=”no title” charset=”utf-8″>

/*
Theme Name: Child_of_Landline
Description: Similar to Landline with different fonts, colors and location of the header.
Author: taylorshain12
Template: landline
*/

/*
@import url(“../landline/style.css”);
*/

{
.wrapper
{
background: ##908;
width: 720px;
margin: 75px 0 0;
padding: 50px;
box-shadow: 0 0 10px #777;
}
}

Putting this in your style.css file will break it:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>/style.css" type="text/css" media="screen" title="no title" charset="utf-8">

Also why is the import line commented out:

/*
@import url("../landline/style.css");
*/

?

And this is not valid CSS syntax:

{
.wrapper
{
background: ##908;
width: 720px;
margin: 75px 0 0;
padding: 50px;
box-shadow: 0 0 10px #777;
}
}

This is:

.wrapper
{
background: ##908;
width: 720px;
margin: 75px 0 0;
padding: 50px;
box-shadow: 0 0 10px #777;
}

https://www.w3schools.com/css/css_syntax.asp

Thanks Andrew!

I made the changes you suggested — still nothing. Any other ideas?

I’ll keep experimenting. Thanks!

Let’s see your website

https://www.taylorshainfilms.com

https://www.taylorshainfilms.com

Okay so there’s nothing in your Child Theme style.css file that will change the text and header background colour

header background colour

Try adding:

.header {
    background: deeppink;
}

change the text… colour

.header a {
    color: deepskyblue;
}

Ok… I was messing around with the ‘developer tools’ – and I was able to change pretty much everything I wanted… I then copied that into the style sheet…

What is the next step for me?

ok thanks! posted too soon! I’ll try it out.

So I just insert this?

/*
Theme Name: Child_of_Landline
Description: Similar to Landline with different fonts, colors and location of the header.
Author: taylorshain12
Template: landline
*/

@import url("../landline/style.css");

.header {
background: deeppink;
}

.header a {
color: deepskyblue;
}

It looks like you got this to work?