Still struggling with themes!

  • Resolved Bignasty247

    (@bignasty247)


    14 years, 8 months ago

    I have been having troubles installing my own theme into wordpress. I have received advice on the matter and followed it to the letter. Still problems. I went out and got ‘wordpress for dummies’. Following this book word for word, I copied critical files (images file, header, footer, style, comments, sidebar) into a ‘mythemes’ folder that I created. I even created an index.php file and entered it into my ‘mythemes’ folder. When I went to the wordpress admin panel the ‘mythemse’ folder was nowhere to be found. Needless to say: STILL NO RESULTS. Can somebody please help me install a theme?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Peter Boosten

    (@pboosten)

    14 years, 8 months ago

    show us 15 top rows of your style.css (via pastebin)
    I suppose your mythemes directory (or whatever you call it) is in /wp-content/themes/, right?

    Peter

    Matt

    (@mhuntdesign)

    14 years, 8 months ago

    Be sure that you name your theme inside your style.css file.

    The easiest way to create a theme:

    • Use a theme creation tool like thematic try: http://themeshaper.com/
    • Copy the default folder in your themes folder. Rename it.
      Modify the style.css file header
      • /*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
*/

      then you will be able to ‘activate’ your theme

      also change your screenshot.png to match your theme.

      Matt

    Thread Starter Bignasty247

    (@bignasty247)

    14 years, 8 months ago

    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;
    }

    esmi

    (@esmi)

    14 years, 8 months ago

    Now go and read what mhuntdesign posted…

    Thread Starter Bignasty247

    (@bignasty247)

    14 years, 8 months ago

    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:

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

    What is the easiest way to utilize this theme?

    henkholland

    (@henkholland)

    14 years, 8 months ago

    Download it (link at the top), unzip it and upload the directory “dreamcity” through ftp to your server in wp-content/themes That’s it. Then go into your admin panel and activate the theme.

    Mark / t31os

    (@t31os_)

    14 years, 8 months ago

    It won’t work..

    It’s not a WordPress theme..

    If you want to convert your own template (or one not made for WordPress) then your options are limited to the following..

    a) Learn to code and covert it yourself (plenty of resources for doing just this – codex is one place to start, http://codex.wordpress.org/Main_Page – lots of info).
    b) Employ someone to do it.
    c) Nag people on the forum in endless posts asking for help and get frustrated when it sometimes takes a while to get responses.

    Is it possible to use that template?
    Yes most certainly, but you’ll either need to get your hands dirty and start fiddling with code yourself or look externally for help, be it employed or not..

    Can i recommend any themes as an alternative?
    Sure can, check the themes directory, also linked in the top right corner under “Extend”, here’s a link to save you having to look for it though.
    http://wordpress.org/extend/

    Any theme listed in the extend area is safe to use, no worries about rogue spam code and the like. Just check the supported version before downloading.

    Thread Starter Bignasty247

    (@bignasty247)

    14 years, 8 months ago

    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?

    Thread Starter Bignasty247

    (@bignasty247)

    14 years, 8 months ago

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Still struggling with themes!’ is closed to new replies.