Bignasty247

Here is my updated site.

https://www.big-nasty.com. How do I move the header and tagline up?

Thank you for your respone. By ‘naked’ I meant the design template is missing. The page is supposed to be the default kubrick theme but something has gone wrong in the style sheet.

PS, the image has actually worked, however it doesn’t look right and it overlaps the tagline. How do I fix this problem?

Great answer. I have decided to use a basic theme with custom headers (which I actually know how to do :)). I uploaded my custom image into the image files of the default folder, and the image uploaded correctly. However, whenever I change the “background #73a0c5 url(‘images/kubrickheader.jpg’) file to the jpg file that I want used as a header, nothing happens. How do I fix this?

I have read what mhuntdesign posted, and I have downloaded thematic. There is a specific theme that I want to use. Here is the url of the theme:

https://www.opendesigns.org/preview/?template=1635

What is the easiest way to utilize this theme?

I already have the files for the template that I want to use, however there is no Screenshot.png file, just a bunch of image files. WordPress continues to reject this theme saying that the ‘template is missing.’

Here is what my style.css file looks like.
* {
margin: 0;
padding: 0;
}

body {
background: url(images/bg.jpg) repeat-x #FFF;
color: #435F73;
font: 11px “Trebuchet MS”, Arial, Helvetica, sans-serif;
text-align: center;
}

/**** GENERAL STYLES ****/

a {
color: #435F73;
}

p {
line-height: 1.5em;
padding: 4px 0;
}

b,
strong {
color: #000;
}

i,
em {
font-family: Georgia, serif;
}

#mainContent ul,
#mainContent ol {
line-height: 1.5em;margin: 5px 0 5px 50px;
}

#mainContent ul li {
list-style-image: url(images/b.gif);
}

blockquote {
background: url(images/q.gif) no-repeat;
font: 12px Georgia, serif;
font-style: italic;
margin: 10px 0 10px 20px;
padding: 0 60px 0 30px;
text-align: left;
}

code {
background: #E5EDF7;
border-top: 1px solid #84B0D3;
border-bottom: 1px solid #84B0D3;
padding: 2px 4px 0 4px;
}

input,
textarea {
background: #84B0D3;
border: none;
color: #000;
padding: 4px 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #6998C6;
font-weight: normal;
line-height: 1.4em;
}

h5,
h6 {
text-transform: uppercase;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

/**** GENERAL LAYOUT ****/

#topBackground {
background: url(images/header.jpg) top center no-repeat;
margin: 0 auto;
padding-top: 440px;
width: 960px;
}

#container {
margin: 0 auto;
text-align: left;
width: 680px;
}

#header h1 {
font-size: 48px;
font-weight: normal;
letter-spacing: -3px;
padding-left: 24px;
}

#header h2 {
color: #6998C6;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding-right: 70px;
text-align: right;
}

#header a {
color: #000;
text-decoration: none;
}

#miniMenu {
height: 20px;
float: right;
font-size: 10px;
padding-right: 70px;
padding-top: 5px;
}

#miniMenu li {
display: inline;
margin: 0 1px;
}

#miniMenu a {
background: #000;
color: #FFF;
padding: 2px 4px;
}

#miniMenu a:hover {
background: #435F73;
color: #B1DEFF;
}

#sidebar {
float: right;
width: 200px;
padding: 110px 0 0 20px;
margin-right: 2px
}

#mainContent {
margin: 0 220px 0 20px;
}

.blog {
background: url(images/blog_top.jpg) top center no-repeat;
margin-top: 30px;
}

.blogHeader h2 a {
color: #FFF;
font-weight: normal;
text-decoration: none;
}

.blogHeader h2 a:hover {
color: #B1DEFF;
}

.blogHeader h3,
.blogHeader h3 a {
color: #B1DEFF;
font-size: 11px;
font-weight: normal;
line-height: 2em;
margin-bottom: 10px;
text-decoration: none;
}

.blogHeader h3 a:hover,
#footer a:hover {
text-decoration: underline;
}

.blog2 {
background: url(images/blog_bottom.jpg) bottom center no-repeat;
padding: 6px 15px;
text-align: justify;
}

h3.blogMeta,
h3.blogMeta a {
color: #FFF;
font-size: 11px;
height: 11px;
margin-top: 20px;
padding-bottom: 8px;
text-align: center;
text-decoration: none;
}

h3.blogMeta a:hover {
text-decoration: underline;
}

.blogTags {
float: left;
}

/**** SIDEBAR STYLES & LAYOUT ****/

#sidebar h3 {
color: #FFF;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}

#sidebar ul {
list-style: none;
padding-left: 20px;
}

#sidebar li {
line-height: 2em;
font-size: 13px;
}

#sidebar li a {
color: #B1DEFF;
text-decoration: none;
}

#sidebar li a:hover {
color: #FFF;
}

#sidebar li.sbContent h3 {
margin-top: 10px;
}

#sidebar li.sbContent p {
border-left: 4px solid #84B0D3;
color: #FFF;
font-size: 11px;
padding: 0 20px 0 10px;
}

#search input {
margin-top: 10px;
width: 110px;
}

.sb1 {
background: url(images/sidebar1.gif) repeat-y;
margin-top: -20px;
}

.sb1 li.sbb {
background: url(images/sidebar_sep1.gif) no-repeat;
height: 37px;
margin-left: -20px;
width: 200px;
}

.sb2 {
background: url(images/sidebar2.gif) repeat-y;
}

.sb2 li.sbb {
background: url(images/sidebar_sep2.gif) no-repeat;
height: 35px;
margin-left: -20px;
width: 200px;
}

.sb3 {
background: #000;
margin-right: 0;
margin-bottom: -10px;
}

.sb3 li.sbb {
background: url(images/sidebar_base.gif) no-repeat;
height: 16px;
margin-left: -20px;
width: 200px;
}

#comments {
margin: 10px 0 0 18px;
}

#comments h3 {
font-size: 24px;
font-weight: normal;
line-height: 2em;
}

#postComment input,
#postComment textarea {
border: none;
border-bottom: 1px solid #435F73;
background: #E5EDF7;
font-size: 13px;
margin-right: 10px;
padding: 2px;
}

#postComment textarea {
margin-top: 10px;
margin-right: -1px;
overflow: hidden;
width: 417px;
}

#postComment p.b {
text-align: right;
}

#postComment button {
background: #84B0D3;
border: none;
border-bottom: 1px solid #435F73;
border-right: 1px solid #435F73;
color: #FFF;
margin: 10px 0 0 10px;
padding: 4px;
}

#mainContent #commentList {
color: #84B0D3;
font-size: 32px;
list-style: decimal outside;
margin-left: 36px;
}

#commentList .aComment {
color: #435F73;
font-size: 11px;
padding-bottom: 10px;
}

#commentList .aComment p.commentMeta {
background: #84B0D3;
color: #B1DEFF;
font-size: 16px;
height: 32px;
line-height: 32px;
padding: 8px;
}

#commentList .aComment p.commentMeta a {
color: #B1DEFF;
text-decoration: none;
}

#commentList .aComment p.commentMeta a:hover {
color: #FFF;
text-decoration: underline;
}

#commentList .aComment p.commentDate {
color: #84B0D3;
font-size: 10px;
margin-top: -10px;
text-align: right;
}

#footer {
background: url(images/footer.jpg) bottom left no-repeat;
height: 27px;
margin-left: 24px;
margin-top: 20px;
}

#footer p {
color: #B1DEFF;
padding: 8px 0 0 0;
text-align: center;
}

#footer a {
color: #B1DEFF;
text-decoration: none;
}

.floatR {
float: right;
}

.floatL {
float: left;
}

.clearfloat {
clear: both;
}

Last questions: Do you know how to create an animated gif file? Also, I have found a custom theme from another site I would like to use. Provided I have all the necessary files, can I use this theme for wordpress? Below is my site, I haven’t done anything with it yet but hopefully it will give you more insight as to my header question. For the theme I want to use, I want the header visuals to stay however I want the title to be in a different font. Thank you for all your help!!

https://www.big-nasty.com