How to position Header Text & Site description higher on white space?

the link you have provide to your website does not work

Sorry, didn’t notice it. Here it is

LINK TO SITE

just remove the margin top and margin -bottom on your style.css file for body .site

change this

body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}

to

body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }

When I created my style.css for child theme, I deleted everything out so I had a clean sheet.

I tried adding the code above, and it didn’t change a thing… Is it really that complicated to position the header Title & description up a couple pixels? Kinda surprised with all the code that has to be added or edited just to make this small adjustment..

Davisjpg, the way a Child Theme style.css file works, hypothetically, is that it just appends onto the parent theme’s style.css file.

So, when you said:

I tried adding the code above, and it didn’t change a thing

Your parent & Child Theme style.css file looked like this:

/* Parent theme */
body .site {
 padding: 0 40px;
 padding: 0 2.857142857rem;
 margin-top: 48px;
 margin-top: 3.428571429rem;
 margin-bottom: 48px;
 margin-bottom: 3.428571429rem;
 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

/* Child Theme */
body .site {
 padding: 0 40px;
 padding: 0 2.857142857rem;
 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

You can see that in the Child Theme style, you don’t actually override the margin, so WordPress reverts back to the parent theme for it.

You need to override it in your Child Theme.
E.g add this to your Child Theme style.css file instead:

body .site {
 margin-top: 0;
}

That example also removes the padding and box shadow you had before, as those styles were not actually different so they didn’t need to be there.

Ok, so that wasn’t really what I was asking for, even though I admit it does help my site look a lot better!

What I was trying to say is the Header title & description…. I want to position them both a little higher on the white space. So I can align them a little better with the header image on the side…

How to do this?

Thanks for that though! I like it much better!

So frustrating. I’ve literally tried everything. I need the Header text to move up as well as the description. The size of the header space is perfect, I just need to place that text higher.

Since I cant really figure out how to adjust it, is there a way I can put a black bar on top of the title so it fills the white space in?

is there a way I can put a black bar on top of the title so it fills the white space in?

I’m not sure what you mean, wouldn’t that cover the headings https://awesomescreenshot.com/0ce1cbbj2b ?

The only way I see making the header image line up with the Title & description. I wish I could just move those two texts up a little bit because I like the size of the header image that is there already.

If I cant, I think I could manage by having a NEW slim black bar starting from where the heading begins, to the end of the banner ad. Not a big black bar covering the whole header, just the slim white space on the top..

The only way I see making the header image line up with the Title & description.

It’s already lined up with the title, isn’t it? If it isn’t, then you’re probably looking at a browser-compatibility issue, so let us know which browser & browser version you see the issue in.

I guess I’ll just live with it. I know its lined up with the bottom but wanted to see if I could align it with the top without creating more white space above.

I’ll leave with it. Thanks anyways!