If you read the article, you would find that the instructions explain that the information regarding the header is found in the header.php
template file. To change the placement of the different lines of text within the header
, open the style.css
file within your Theme and look for references to header
, h1
, and headerimg
and any other CSS references found within your header.php
template file within the header
section.
Various ways to change the “look” of the header is covered in the article in the section on Styling the Header, which looks at your CSS and shows you some examples.
To change the position, you can use a variety of CSS positioning elements. I played around with it and this is what I came up with, but you can change it to match your own desires.
h1 {font-size: 3em;
position:relative;
bottom:80px;
left:150px }
You will find information on the various positioning schemes used in CSS at https://www.w3.org/TR/CSS21/visuren.html#positioning-scheme, and scroll down to find the specifics on using top, bottom, left, right
positioning declarations.
And if you are using Firefox (it’s free – DO IT), get the add for Web Developers that allows for editing your CSS while you are looking at the site. It opens a sidebar and you can type right in the CSS there to make things look different, testing different looks before you commit.