Does the order of the code in your theme's stylesheet determine the order of how things show up on your site? I tried to move the title code above the header image code in order to get the title to show up above the header image, but it didn't work.

 

So how then would I get my title above my header?

 

I am using wordpress if that matters.

You need to edit your theme. The header image is probably set in header.php and the title in various templates. So it's unlikely you will be able to do this easily. But that's where you need to start.

Ok, but if I find them in the theme files, what do I change? What part of the code determines their spots on the page? Or does it just display them on the page in the order that they show up in the code, in which case I'd just have to rearrange them?

It all depends on the theme. They are all different. I'd need to see the site to point you in the right direction.

Here's my site. I used the code you gave me in another thread to make the site private, so it currently redirects to the login page.

 

The wordpress theme I'm using is called babylog. As you can see in that picture they're not using a header, but the theme does let you upload a header which I did. And when you do, it centers it at the very top of the page above the title. So the tile is between the header and the top navigation buttons. That baby pic on the top right side of the page is not a header. The theme also lets you remove that baby pic, which I did.

 

Let me know if you still need to see my site and I'll temporarily remove the code that is making my site private.

Goto header.php lines 28 to 35. This is the chunk of code that add the image to the top of the page. All you need to do is move this to below </hgroup> and then fiddle with the styles.

 

But do this is a child theme or all your edits will be wiped out if there is a theme update.

 

PS: it's an awful theme - looks dreadful and dated and isn't responsive.

I've seen other people using a ftp program on Youtube tutorials that have the code numbered. And I see that Inspect Element also shows you what line in the code something is on. But, I just go to the appearance editor in Wordpress which doesn't number the code unfortunately. I have Filezilla, but I don't think it numbers the code either. Anyway, I counted down to line 28 to 35 and well, this is lines 23 - 43:

<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'babylog' ), max( $paged, $page ) );

	?></title>

Surely I wouldn't break that up since it's all in title tags together, although I did try that too after trying to move the whole thing down below </hgroup> but neither worked. My title remained below the header image.

 

 

But do this is a child theme or all your edits will be wiped out if there is a theme update.

 

 

I think this theme no longer has updates so I didn't make a child theme yet, but I am keeping track of all the changes I make because I might give that a try later - I saw a Youtube video on how to make a child theme.

 

PS: it's an awful theme - looks dreadful and dated and isn't responsive.

 

 

I thought it was responsive since the width of things like the sidebar and widget are set to a percentage?

 

I was going for a blog style look with the posts in the main area and sidebar on the right. I looked at all of the free themes like that but most of them looked really bland and boring - hard to tell them apart. A lot of them were mostly white which looks plain, although you could probably change the colors easy enough, and squarish windows. There wasn't anything interesting about them. Same with a lot of the premium themes - they seem very squarish, straight lines and have no character.

 

What I like about this theme was the rounded corners and colored tabs at the top of posts for post titles. And it looked a little more colorful and interesting. I figured i could make it look a lot better by replacing the background pic, the colors, the two baby pics, and the font.

 

I did look at the premium themes, but most of them cost at least $50. And at this point, the process of picking one out is a little intimidating to me. I didn't want to spend that much and end up disappointed because I couldn't get the theme to look how I wanted. Although, hopefully before long I'll know how to make changes to any theme to get them to look the way I want.

How are you editing the files? You shouldn't be using Wordpress or FileZilla. What you need is a text editor or some other editing software.

 

In any case, if you look at the code in header.php you will see the code chunk related to the header image.

 

Plain white and square is the current trend. It's what people expect. It doesn't matter what you like. But it's more important to develop the content. If the content is good you can use pretty much any theme you want.

 

And stop trying to learn from YouTube videos. Use the Wordpress codex. Most of the YouTube videos are hopeless.

All you need to do is move this to below </hgroup> and then fiddle with the styles.

 

Hopefully the theme doesn't use the hgroup element. It was taken out of the HTML5 specs almost as fast as it was introduced and is now obsolete

Hopefully the theme doesn't use the hgroup element.

Yes it does. Along with a load of other clutter.