thedebolavirus

Learning HTML and CSS should be where you start. Check out the Codecademy website, they’ve just started providing lessons on HTML and CSS. Also check out https://www.dontfeartheinternet.com/ and make sure you visit the resources page.

I learned about WordPress design from the series of screencasts at css-tricks.com They are a bit out of date now but Chris Coyier also has some WordPress 3 tutorials on Lynda.com

I hope that helps!

FInd this section is your css file:

* LAYOUT
========================================== */
body {
	font-size: 70%;
	line-height: 150%;
	background: url('images/bg-page.png') repeat-x left top;
	background-color: #FCF1D3;
}

and replace ‘images/bg-page.png’ with the location of your new background image. Delete ‘repeat-x left top’ if you do not want your image repeated along the top of the x-axis. If you do not want the image to repeat at all, in the following line, insert:
background-repeat: no-repeat;

Find this in the css and change it:

body, input, textarea, .page-title span, .pingback a.url {
font-family: “Helvetica Neue”,Arial,Helvetica,”Nimbus Sans L”,sans-serif;
}

I love the clean look but it does need a header that stands out more. I look at the page and I don’t know what I’m meant to look at first. Ideally you want to make me look at your header so I know who you are and what you are about and then my eyes should be guided downwards to your post titles and content. (Your navigation also needs to be in your header – I had to scroll down to find it.)
That’s just my ‘two cents’. Hope it’s helpful.

There are three background images that need to be deleted that will take away the blue and the yellow and reveal the black background colour. You’ll find them in these blocks of code:

[please read the forum rules for posting code]

#top_container {
background-image: url(“images/bkg-hdr-repeat.jpg”);
background-repeat: repeat-x;
height: 205px;
width: 100%;
}

#top {
background-image: url(“images/bkg-hdr.jpg”);
float: left;
height: 95px;
width: 940px;
}

.hdr-bkg {
background: url(“images/bkg-hdr.jpg”) no-repeat scroll center top transparent;
height: 194px;
}

Sorry the article link is here:
https://yoast.com/facebook-open-graph-protocol/

Sorry the article link is here:
https://yoast.com/facebook-open-graph-protocol

I’ve had a similar problem. I added the code from this article on Yoast’s blog to my site’s header and to functions.php and got it working. Hope that helps.

You could add a custom link to your menu. Go to your menu in Appearances>Menu, add your homepage URL and label ‘Home’ to the custom link section, add it to your menu and then drag it to where you want it to be.

Find this section:

#access li {
    float: left;
    position: relative;
}

and change it to:

#access li {
	float: left;
	position: relative;
background-color: white;
}