Gods & Monsters Theme Nimbus WordPress Themes

Highly stylized WordPress theme: Gods and Monsters. Everything your business theme isn’t.

By Ars Grafik

We’ve uploaded another theme today. This one, called Gods & Monsters, is stylized to the hilt, so business bloggers look elsewhere. Everyone else give it a gander.

Gods & Monsters is an image-rich, two column, grunge theme adorned with Medieval gods and monsters. There are lots of details, such as a stylized search box, interesting presentation of the date, and great illustrations like flying fish and fighting gods and monsters. The background of the content area is an old parchment, giving the whole theme a cool antiquated look. The colors are muted and dark, the text uniformly serif.

The navigation will display all published pages and will automatically accommodate two rows of tabs.

The sidebar is widget ready. At the top of the sidebar, you will find a custom RSS link and custom search field hard-coded into place. These could be removed, but they are designed to mesh with the rest of the theme’s design. Here is a screenshot:

gods-monsters-theme

As to browser compatibility, the site’s been tested in IE7, Firefox, Safari, Opera, and Chrome. It was not designed with IE6 in mind, so I included a special message to IE6 users kindly requesting that they upgrade their browser to Firefox. If you find a browser issue, please leave a comment.

To install the Gods and Monsters theme, you will need to:

  • Unzip the gods-and-monsters.zip folder
  • Upload the full folder gods-and-monsters to wp-content/themes
  • Go to your WordPress admin panel
  • Open the Appearance drop-down and select Themes
  • Select the Gods and Monsters theme and click Activate Gods and Monsters.
  • Hope you like it!

Gods & Monsters Theme

Related Media

  1. Gods & Monsters Theme
  2. Free WordPress Theme: Paisley
  3. Free WordPress Theme: Slate

Comments

  1. Greg
    04.23.09

    hi,
    I just installed Slate and it’s working well however there seems to be no space around images inserted into posts. See this post: http://www.whollydigital.com/blog/?p=40 to see what I mean. What can I do to put space around inserted images?
    Thanks,
    Greg

  2. Evan
    04.23.09

    Hi Greg,

    There are a variety of options for adding space around images, but the way that I find works best is to work directly with the image that you are posting. Here is how I would go about it:

    -Open the post in your WordPress dashboard.

    -Switch over to the ‘code’ view, so that you can see the html for the image you are working with.

    -It will look like this:

    <img class="alignleft size-thumbnail wp-image-64" title="e-commerce, selling online, blogging" src="http://www.whollydigital.com/blog/wp-content/uploads/2009/04/chairs1-150x150.jpg" alt="e-commerce, selling online, blogging" width="150" height="150" hspace=5/

    -You want to add a margin around the right, and bottom sides, so we are going to insert style="margin:0 15px 15px 0;" just before the class description.

    -The final html will look like this:

    <img style="margin:0 15px 15px 0;" class="alignleft size-thumbnail wp-image-64" title="e-commerce, selling online, blogging" src="http://www.whollydigital.com/blog/wp-content/uploads/2009/04/chairs1-150x150.jpg" alt="e-commerce, selling online, blogging" width="150" height="150" hspace=5/

    Give it a try and see if it has the effect that you are hoping for. This way allows you to tweak each image exactly the way you want.

  3. Swiftarrow
    05.06.09

    hey, i installed your slate theme, and it appears that, in my blog posts, although i have put italics into it. they do not display within the theme its self when the article has been posted.

    is this a bug or am i just not doing it right?

  4. Evan
    05.07.09

    Swiftarrow,

    Thank you for the note. I have updated the theme in the directory to include the necessary style code. look for Slate version 1.3. If you would like to include it manually, insert the following into your stylesheet:

    strong {font-weight:bold;}
    em, dfn {font-style:italic;}

    That should fix the issue.

  5. Swiftarrow
    05.08.09

    hey, thanks for the help on the italics. now, just wondering how i change the RSS feed link? its a tab like pages but i cant edit it there.

    is there somewhere i can find documentation about this theme that doesnt require me to bother you?

  6. Evan
    05.08.09

    Swiftarrow,

    I designed and built this theme from scratch, so I am about the only resource there is for now. On the plus side, I don’t mind working through small changes and looking at bugs, because it will help me with debugging Slate for others.

    What exactly are you trying to accomplish with the RSS feed? The html-php for the navigation is at the bottom of the page header.php. It looks like this:

    <li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

    Very nice use of the theme. Looks Great!

  7. Matt
    05.08.09

    Really love the theme; planning to use it for our company’s blog. Had a quick question tho — I don’t see a way to list the authors for each post. Am I missing something? Would love it if you could help point me in the right direction.

  8. Evan
    05.08.09

    Hi Matt,

    Adding the author tag is easy enough. Go to the theme editor, and open the home.php page. Look for this code:

    <div id="posttitle"><h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1></div>

    You are going to add the following, right after the closing h1 tag:

    by <?php the_author(); ?>

    The end result will look like this:

    <div id="posttitle"><h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>by <?php the_author(); ?></div>

    Hope that helps, the same technique will work on the post, archive, and search results page.

    I will include this change in the next update.

    Let me know when your site is up, and send me the url. I love seeing what people do with the theme. Also, feel free to email me direct through the form at the bottom of the page.

  9. Jools Payne
    05.09.09

    I made 2 pages – 1 contact us and 2 testimonials when I click on the tab at the top they return with Sorry, no posts matched your criteria. However the home tab and the rss work
    Whats up? Jools

  10. Evan
    05.09.09

    Jools,

    I am thinking it might be a url issue. I am going to guess that your url’s look something like this http://yoursite.com/?p=15243. This is the way WordPress displays url’s by default, if you don’t specify otherwise. What we want is for each page uri to display the slug like this /slug/. To make this change, open your Admin Dashboard and select Permalinks from the Settings section. Select the Custom radial button, and enter /%postname%/ in the text field that follows. Save your changes and navigate to the Pages section. Hover over one of pages that is causing you issues and select Quick Edit from the available options. One of the editable fields is the slug, make sure that it is all lowercase letters or numbers and contains no spaces. If your slugs look okay, you should be good to go. Try using your page tabs. If its still not working let me know and we will try something else.

  11. Jools Payne
    05.09.09

    Hi again, I tried that and now have Error 404
    Not here! do I have to change the header template too?

  12. Jools Payne
    05.09.09

    Hi Evan,
    I have solved the problem, I had Advanced Category Excluder, also Front Page Excluder plugins – i have deactivated them both so now I will test by trial and error thank you so much for the support.
    Jools

  13. Evan
    05.09.09

    Jools,

    I just visited your site and the tabs appear to be working fine. If I am mistaken let me know. You might try clearing your cache if you are still having issues.

    By the way, I love the custom cabinetry. I worked in a commercial cabinet shop for bit, and I know how much work goes into real fine work like that. Beautiful!

  14. Swiftarrow
    05.10.09

    hey, with the RSS thing, you know when you click on the RSS tab and it goes to a blank and boring page with the RSS stuff on it (my current one for example), how do i change the link on that RSS tab to point to my burnfeeder link that is on the box i put below the log in on the side bar?

  15. Evan
    05.10.09

    Hi Swiftarrow,

    The trick is to install the Feedburner Feedsmith plugin. It’s availible through the Google feedburner program. You will want to install the plugin and then select Feedburner from the options menu on your admin dashboard and configure for your feed. Hope that helps!

  16. Jools Payne
    05.10.09

    Hi Evan, its me again, flattered that you looked through the site. now I have a new problem. The Contact form I am using is contact form7 and the text in the input fields is so light in color it does not show up against the yellow background. Can you give me a fix in the style.css?

  17. Evan
    05.10.09

    To change the text color on the contact form, you will want to style input, textarea, and select. I would try something like
    input, textarea, select { color:#000000;}.

  18. Jools Payne
    05.11.09

    you are a sweetie, that worked a treat thanks.
    Julie

  19. gersom
    05.18.09

    can you p;lease help me with 2 issues
    1.how to lower template so the header can have space.
    2.the navigation button area for links is very thin on top.

    thank you soo much, love the layout!

  20. Evan
    05.19.09

    Hi gersom,

    Your site looks awesome!

    It sounds like you are trying to add a banner to the header that’s larger than the existing container. If this is the case, try adding a larger height to the header container using the css Stylesheet. look for this.

    #header {
    
            position:relative;
    	width: 960px;
    	/**height: 160px;**/
          height:300px;
    	margin: 0px auto 0px;
    
    	}

    On the other hand, you might be looking to add space on the bottom of the header container. If this is your goal you might add a margin.

    #header {
    
            position:relative;
    	width: 960px;
          height:300px;
    	/**margin: 0px auto 0px;**/
          margin:0px auto 30px auto;
    
    	}

    When you say that the navigation button area is thin, are we talking vertically or horizontally? I am not sure I understand your question, so try to be specific.

  21. gersom
    05.19.09

    horizontal, when i hover the mouse the navigation buttons, only the very top part of the buttons can access the link. thank you so much for your help header fits great!

  22. Evan
    05.20.09

    I checked out your site and see exactly what you are dealing with. The issue is the padding style for the link layer in the the nav-tabs. This is what yours looks like now:

    #nav li a {
            float: left;
            display: block;
            margin: 0 1px 0 0;
            padding: 1px 6px 1px;
            color: #f90303;
            font: 14px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
            text-decoration: none;
            background: url(images/navleft2.png) no-repeat left top;
    	}

    The goal with the vertical padding is to expand the selectable area. You might try a padding like:

    padding: 4px 6px;

    .

    Let me know if this is what you are looking for.

  23. gersom
    05.20.09

    you are the MAN!!! muchas gracias.. i love my blog.. time to start blogging.. thank you soo much for your help.

  24. Alex
    05.21.09

    Hi! Thanks for making this theme! I just launched my new rock climbing blog last week and I’m using your theme. I’ve made some tweaks including widening it to fit HD videos, and I’ve added Weather links in the sidebar (by editing the code manually) since I couldn’t figure out how to add them under a new title using the links section of wordpress. Hopefully that makes some sense.

    My issue is that on the shorter pages, like ‘Savage Photos’, the blue line next to the sidebar doesn’t extend to the bottom of the page. Do you know where to find code for this to fix it?
    http://www.savageclimbing.com/savage-photos/

    Thanks!!
    Alex Savage

  25. Evan
    05.21.09

    Alex,

    Good call on the short line issue. That has been bothering me also. Here is the fix:

    Download this image file. Image
    Upload it into the folder/wp-content/themes/slate/images.
    Open the Stylesheet file in your wp-admin panel and change the wrapper style to include this new image.

    #wrapper {
    	width: 960px;
    	margin: 0px auto !important;
            margin: -3px auto 0px auto;
            background: #373737 url(images/content-bg.png) repeat-y right top;
    	}

    We are keeping the slate color for the primary background, but are adding the image in the top right corner and tiling it vertically. The image includes the blue line and will fill all sized containers. You will need to remove the old line from the content style. It will look like this:

    #content{
            float:left;
    	width: 680px;
            min-height:600px;
            height:auto !important;
            height:600px;
    	margin: 0px 0px 0px 20px;
    	padding: 20px 19px 20px 0px;
    	display: inline;
    	}

    That should do it.

  26. BossPlaya
    05.25.09

    Evan,

    I’ve been using your theme since I started up my site (http://www.adventuresofbossplaya.com) a few weeks ago.

    At the top, the title to the “Sign Up For My Mailing List” page has the color from the main part of the page blend in with the letters “gn up f”. It’s been doing that ever since I started using Slate, and Slate 1.4 hasn’t fixed it. I wanted to make you aware of this. If I go to that page, it clears up. When I go to another page, it re-appears. Hopefully it can be remedited.

    Thanks!

  27. BossPlaya
    05.25.09

    I mean remedied, not remedited.

  28. Evan
    05.25.09

    BossPlaya,

    You called it. I saw this on another site and meant to fix it in v1.4. It’s a real problem if you have long page titles. Here is a fix for the time being:

    • Download this image,navright2.png.
    • Being sure to maintain the file name, upload it to /wp-content/themes/slate/images/.

    This replacement image is an additional 200px longer then the original. That should fix this issue until I put out v1.5.

    I like the site! Good commentary.

  29. BossPlaya
    05.26.09

    Thanks for the compliment and the fix Evan!

    It worked perfectly, awesome!!

  30. AJ Harbison
    05.27.09

    Hi Evan!
    I love your Slate theme and I’ve decided to use it for my blog (http://www.thelisteningblog.com). I have one question: I’ve noticed that hyperlinks I add into the sidebar display as normal light-gray text rather than the light blue color that links in the main body of the site do. Is there a way to set up the sidebar so that links will display the same way they do in posts? Thanks!

    Sincerely,
    AJ Harbison

  31. Evan
    05.27.09

    Hi AJ,

    Open the page style.css with the editor on your wp-admin dashboard. Look for this code:

    #sidebar ul li a, #r_sidebar ul li a:visited {
    	color: #cccccc;
            font-size: 14px;
    	text-decoration: none;
    	margin: 0px;
    	padding: 0px;
    	}
    
    #sidebar ul li a:hover {
    	color: #cccccc;
    	text-decoration: underline;
    	}

    This is where you can make changes to the sidebar links. In this case you are looking to make them the same blue as in the content area, so we need to change both states color style to,color: #459dcb;. That should do it.

    I only had time to read your last couple of posts, but your blog is a lot of fun. I’m going to take some time this weekend to read more.

  32. AJ Harbison
    05.28.09

    Hi Evan,
    That worked perfectly. Thanks so much! Hope you enjoy the rest of the posts you read! If you like the blog, you can subscribe with the now-blue RSS link in the sidebar. :) Thanks again!

    AJ Harbison

  33. Jaxx
    05.28.09

    Hello,

    Wonderful theme, loved it the second I found it and have decided to move over to it from redoable.

    One issue i’m having some difficulty figuring out is pages. I see how to add tabs, etc. But I had some, and will be adding more, nested tabs. So when someone clicks on Writings, it will bring up the page with the various ones, sort of like a sub-catagory.

    Hope I made sense.

  34. Evan
    05.28.09

    Hi Jaxx,

    I’m glad you like the theme.

    I’m a bit confused about your question, but I think you are looking to have the top-level tab bring you to a page where the sub-pages are listed. If this is the case you could accomplish this as follows:

    -Download and install the Exec-PHP plugin. Be sure to disable the visual editor. This is an option available in your User Profile.

    -Create the top-level page. Leave the content area blank. Save this page.

    In order for this to work, you will need the ID# from your top-level page. To find this, select Edit Pages on your dashboard. Hover over the title of your top-level page. Look at the link displayed by your browser. The last portion of the address will be something like edit&post=xyz. The xyz will be your page ID, which you need to add to the code. Write down the ID# and reopen your top-level page.

    In the content section of the page paste:

    <ul>
    <?php
      $children = wp_list_pages('title_li=&child_of='.$post->ID.'XYZ');
      if ($children) { ?>
      <ul>
      <?php echo $children; ?>
      </ul>
      <?php } ?>
    </ul>

    Replace the XYZ with the id# from your page. This should automate adding sub pages to a top-level page. As you add additional sub pages they will be added to the list.

    Hope that helps, it’s a good idea. Maybe I will cover it more completely in a tutorial later.

  35. Jaxx
    05.28.09

    Excellent.

    That will take care of that quite nicely.

    Now that I re-read my post above, I see I didn’t make much sense. lol. But it was referring to under the tab there would be sub-tabs. But I think I like this more.

  36. Gadget
    06.02.09

    Evan,

    Awesome theme, it’s perfect for our family Blog/chatter site. One thing, the dates on the “Grey” dates above the heading for the posts on the main page are in US format, but we use the European format here in Australia.

    Is there a way I can display today as 02.06.2009 rather than 06.02.2009?

    Again thanks for an awesome theme,

    Cheers,

    Gadget

  37. Evan
    06.02.09

    Hi Gadget,

    I am glad you like the theme.

    To change the dates to European format, open home.php, and look for this code near the top of the page:

    <div id="date"><?php the_time('m.d.Y'); ?></div>

    If you change the order of the Month-Day-Year, it alter the display on your blog. Here is the full line of code you can copy / paste into your theme:

    <div id="date"><?php the_time('d.m.Y'); ?></div>

  38. ninjapocalypse12
    06.03.09

    I’m having the same problem as Swiftarrow had, italics are not working on my site. I’m actually using Slate 1.4 now, so, judging from the earlier comment about this problem, it should have been fixed last release. However, I’m not exactly on the up and up on HTML, so I don’t really know exactly where to insert the code listed above in my stylesheet. I tried a couple of different places but it didn’t seem to have any effect. What can I do to get the italics to work? They’re an integral part of my writing style.

  39. Evan
    06.03.09

    Yep, somehow I spaced out on the italics and bold issue, I am going to release a new addition in a few weeks but in the meantime:

    -select Editor under Appearance in your wp-admin Dashboard. The page that opens should be style.css, paste,

    strong{
    font-weight:bold;
    }
    
    em, dfn{
    font-style:italic;
    }

    just below,
    body {
    	 background: #17191a;
             behavior: url(ie6fix.htc);
    	}

    save and check to see if it’s working.

  40. Gadget
    06.04.09

    G’Day Evan,

    Thanks for the solution. Glad to help with idea’s for articles!

    An additional indulgence if I may? Is there a way to display authors gravatars before the “by” line on the mai and article pages?

    Thanks again, just completed putting the family logo onto the site via your instructions!

    Ta,

    Gadget

  41. Evan
    06.04.09

    Gadget,

    I will look into your avatar question, but I believe the function get_avatar requires data from the comments form to work in WP. Quite honestly I have not looked into this before but if I come up with anything I will post here, or send an email.

  42. Evan
    06.05.09

    Gadget,

    Here is the code for the authors avatar in each post:

    <span style="float:left; margin:0 10px 0 0;"><?php echo get_avatar( get_the_author_email(), '60' ); ?></span>

    This will need to be placed right after the opening tag <div id="posttitle">, on the page home.php. When it’s all put together it will look like this:

    <div id="posttitle"><span style="float:left; margin:0 10px 0 0;"><?php echo get_avatar( get_the_author_email(), '60' ); ?></span><h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>by <?php the_author(); ?></div>
  43. Gadget
    06.05.09

    Mate,

    You rock. That’s perfect. Go to petty cash and grab yourself enough for a case of frosty beers.

    Gadget

  44. AJ Harbison
    06.08.09

    Hi Evan,
    Me again! I have another quick question for you. I’ve noticed that when I search for a term in the search box in the sidebar, and it returns some results, the first post displays text in the place where the sidebar normally is for a while before jumping back out to the full span of the page (spilling from the left to the right column with no sidebar, although the vertical line is still there). The formatting of the whole rest of the page is thrown off, and the content that is normally in the sidebar appears at the bottom of the page. I’ve messed with several things in the sidebar, so I probably just screwed up some of the code. Can you take a look at the site and see if you can figure out how to fix this? Thanks so much.

    Sincerely,
    AJ Harbison

    P.S. I really appreciate your support and prompt responses–I’m trying to get similar support for another template, and no matter how many times I contact them I can’t get any response at all. I concur with Gadget–you rock!

  45. Evan
    06.08.09

    AJ,

    At a glance I don’t see the issue, but clearly something has been tweaked. I recommend reuploading the page search.php. That should take you back to the original state. From there make your custom changes. If that doesn’t work give me a shout.

  46. AJ Harbison
    06.09.09

    Hi Evan,
    Perfect. Wish I’d thought of doing that first. Thanks again!

    AJ

  47. AJ Harbison
    06.11.09

    Hi Evan,
    I hate to bother you again, and I know these should be simple questions, but here I am…. Two things:

    1) In a recent post, I tried to make a link italicized (using an “a href” tag along with an “em” tag), but I could only make the post display one or the other. Do I have to change something in the style sheet in order to allow links to also display in italics (i.e. both in blue as usual and italicized–when the italics won out, the text was still a link but it wasn’t blue)?

    2) Is there a way I could make the header of the blog (“The Listening Blog” in the top right corner) link to the home page while still displaying the way it is now? I tried making the text into a link but it turned small and blue.

    Thanks again so much for all your help!

    Sincerely,
    AJ Harbison

  48. Evan
    06.11.09

    AJ

    To fix the italicized link issue, just add, a em, to the link style. With the addition it will look like this:

    a, a:visited,a em {
    	color: #459dcb;
    	text-decoration: none;
            outline: none;
    	}

    To make the header a link, replace:

    <h1><?php bloginfo('name'); ?></h1>

    with,

    <h1><a style="font: 50px Arial, Helvetica, sans-serif; color: #ffffff;" href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    I know that’s a bit ugly with the in-line style, but it’s a quick way to get that title to link back to the homepage.

  49. AJ Harbison
    06.12.09

    Evan, you are amazing. Thank you so much for all your help–it’s greatly appreciated!

    AJ Harbison

  50. Herry
    06.14.09

    Dear Mr. Even, really thanx, really a wonderful theme. I have used it on my blog (though it is written in Bahasa Indonesia). I have searched through all postings here, but could not found it. I try to put comment on the Pages, not the posts, but I dont know how. Really appreciate if you can help me. Bless you. Thanx. My blog is http://bisnisyuk.web.id

  51. KATHY
    06.14.09

    Hello,

    How do I go about changing the background colour of the sidebar?

    Thanks,
    Kathy

  52. Evan
    06.15.09

    Hi Kathy,

    Your best bet for changing the sidebar color is to make an image with the dimensions 240x12px and attach it to the wrapper in the stylesheets.

    As an example you could make an image that is 240×12, bright yellow and called yellowsidebar.png. You would upload this into the images folder in the Slate theme directory. Then open the style sheets and add this new image as a background to the wrapper:

    #wrapper {
    
    	width: 960px;
    
    	margin: 0px auto !important;
    
            margin: -3px auto 0px auto;
    
            background: #373737 url(images/yellowsidebar.png) repeat-y right top;
    
    	}

    This will position the image in the top right of the content area and tile it vertically, filling the sidebar.

  53. Evan
    06.15.09

    Herry,

    Adding comments to pages is relatively simple. You will need to add a couple of lines of code to the page, page.php. This is the code to add:

    <h4 class="grande2">Comments</h4>
    <?php comments_template(); // Get wp-comments.php template ?>

    It will be added just below the trackback tag, and will look like this when finished.

    <!--
    		<?php trackback_rdf(); ?>
    		-->
    
                    <h4 class="grande2">Comments</h4>
    		<?php comments_template(); // Get wp-comments.php template ?>
    
    		<?php endwhile; else: ?>
  54. Usman
    06.20.09

    For some reason In text editor shows the text in blue and heading size:

    http://img189.imageshack.us/img189/3103/test1bhh.jpg

    When i click preview doesnt show up, the colour does but the size doesnt

    http://img530.imageshack.us/img530/1594/test2s.jpg

    How can this be solved?

  55. Julia(Bazardefille)
    06.20.09

    How can a so cute guy make so nice WP themes.. ^^
    Ok,I know, my comment is not very useful.

  56. Evan
    06.21.09

    Usman,

    This would be a good opportunity to use inline css. I am writing a post about it today so watch for it, but in the meantime try using the code editor, and wrapping your header in an h2 tag with inline css descriptions. It will look something like this:

    <h2 style="font-size:22px; color:#33ccff;">This is a test</h2>

    Use whatever heading tag you wish. Inline css will override the external style sheet descriptions.

  57. Evan
    06.21.09

    Blush

    I can only take half the credit.

  58. Usman
    06.21.09

    Thanks but i was wondering anyay i can do it from the .ccs. So i can just change the text and colout without going through html. Really appreciate the response.

  59. Evan
    06.21.09

    If you switch the h2 style to;

    h2{font-size:22px; color:#33ccff;}

    that should do it. You will need to make the font-size and color match your desired look. This would all take place in style.css.

  60. Usman
    06.21.09

    Thans man

    for this coding:

    This is a test

    How do i add italtics and or a bold stlye to it. When i do it in teh html screen the colour and size is of a normal size.

  61. Usman
    06.21.09

    One mroe thing i was winderign i have a sentance and to make a word in a sentance stand out. How do i do this?

  62. Evan
    06.21.09

    Hi Usman,

    Try using a span tag with whatever styling you would like to include. Example:

    This is an example <span style="color:red;">paragraph</span> where I want the word paragraph to stand out.

    This is an example paragraph where I want the word paragraph to stand out.

  63. Usman
    06.22.09

    Thanks for that, anyway i can add italics or bolding.

  64. Usman
    06.22.09

    when i do add italic or bold tags from the html editor the colour goes away

  65. Evan
    06.22.09

    Usman,

    Look towards the top of this comments thread, and you will see where I discuss italics and bold issues.

  66. Usman
    06.22.09

    i put teh code in but for some reason i add the tags for italics the text goes smaller and colour goes away.

  67. Evan
    06.22.09

    Hi Usman,

    If you are trying to make all of the h2 tags italic, add font-style:italic; to the style for h2 on the page style.css. If you are looking to only italicize one part of a header, or a single header, simply use a span tag: <span style="font-style:italic;">your italicized text</span>, or add an inline style to the h2 tag <h2 style="font-style:italic;">your italicized text</h2>.

  68. Usman
    06.22.09

    Thank you so much

    I was wondering on teh right colum, is there anyway to put a text box there so i can add a chat box there.

  69. Evan
    06.23.09

    If you want to put a text area into the sidebar, you should take a look at widgets under the Appearance section. On of the options is a test widget. You can place it where ever you would like within the rest of your widgets. It’s simply an empty container, which you can fill with anything you would like.

  70. Josh
    06.23.09

    How do you remove post dates from this theme? I have edited them out of the Index.php & Home.php and it still didn’t work. Any suggestions Evan?

  71. Evan
    06.23.09

    Hi Josh,

    If you want to remove the publication date, remove: <div id="date"><?php the_time('m.d.Y'); ?></div>, from home.php, search.php, index.php, and archive.php. That should do it.

  72. Josh
    06.23.09

    Very much appreciated Evan! I LOVE your theme, BTW.

  73. Ilana
    06.27.09

    Hello Evan,
    I am incredibly new at all this and don’t know even the very basics but
    have been reading this blog with much interest and looking at what other people have done with your Slate template. Beautiful sites too!

    So, I read what you suggested to Gersom:

    #header {

    position:relative;
    width: 960px;
    /**height: 160px;**/
    height:300px;
    margin: 0px auto 0px;

    }
    and thought I’d apply this to my site too.

    The problem is that now the title is too small for the space. I even tried to bring it back to what it was but couldn’t. How to increase the size of the header and lower it down a bit to make it more centered?
    Also, please tell me how to change the colour of the writing to electric blue.
    This is a static site and I will not need the search box. In fact if I click on search it gives me a date and I don’t want this. What changes should I make to turn it into a static website with no dates and no comments?

    Many thanks in advance!
    Ilana

  74. Ilana
    06.28.09

    Hey, Evan
    I managed to resize the header space. I am happy with your original look.
    Please show me how to get the sub-headers to appear in blue.
    I do love your own slate site, really beautiful with that slide show…

    I would like to have as the page title, in the body of the page, ‘Welcome to PortugueseTranslate!’ but still keeping the tab as ‘welcome’. Could you also show me how I can move up the content of the page as there seems to be a big empty space.

    And finally, for now, both my home and welcome pages are the same. I only need one. How do I delete the home page tab without deleting the welcome page?

    You have no idea how grateful I am for your lovely Slate theme and your help.
    Ilana

  75. Evan
    06.28.09

    Hi Ilana,

    Before you make changes remember to copy the old code to a text editor so you can reverse if necessary.

    To remove the home tab, open the page header.php, and remove this code:

    <li class="left <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_option('home'); ?>/" title="<?php _e('A link to home page', 'default'); ?>"><?php _e('Home', 'default'); ?></a></li>

    I’m not sure what your referring to with the sub-headers. I think you might mean the tabs which are not selected, which are styled as:

    #nav li a {
            float: left;
            display: block;
            margin: 0 1px 0 0;
            padding: 11px 16px 10px;
            color: #cccccc;
            font: 18px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
            text-decoration: none;
            background: url(images/navleft2.png) no-repeat left top;
    	}

    Just change the hexadecimal color code to 459dcb.

    To move up the content we want to remove the top padding on #content. After the changes it should look like this:

    padding: 0px 19px 20px 0px;

    If that's not enough you could remove some of the top margin from the class .postheader.

    I have to sign off for a while, and I know you had some additional questions, so maybe you could send them to me by email. Just use the form at the bottom of the page and I will try to get back to you as soon as I can. It might be tomorrow, I've got a busy day ahead of me.

  76. Josh
    06.28.09

    Hey Evan, I have a question. Why is there a huge break in between my single post titles and content and why is the content not staying aligned, rather going off into the sidebar?

  77. Evan
    06.28.09

    Hi Josh,

    I’m not sure what is going on but if you post your URL or email it to me through the form at the bottom of the page I will take a look.

  78. Ilana
    07.04.09

    Hello Evan,
    Thank you for answering so promptly. I took your advice and made the changes.
    I have a few questions:
    1) If you click on the Welcome tab, you will see that the colour of the body is the same as of the tab and should not be so. This does not happen with the other tabs.
    2) On the first page (and the remainder) I would like the header to be ‘Welcome to PortugueseTranslate’ and not just ‘ Welcome’. How can I do this without affecting the tab?
    3)How do I write the title ‘Welcome to…’ in blue? and in the titles in subsequent pages too
    4)How do I delete the box on the sidebar ‘Press enter to search’
    Many thanks in advance. You are a darling. Much appreciated!
    Ilana

  79. Dan V
    07.06.09

    Hi Evan,
    Love this theme a lot. I installed Ryan sucker fish drop down menu on top of theme. The menu s not work on Safari, work great on IE. Please advise, Much appreciated.
    Dan

  80. Bryan
    07.07.09

    I am just curious as to what amount of effort would be necessary to add a 3rd column to the far right of the Slate theme. My thought would be that it is an identical and additional column to the current widget column. I would like to intermix the use of the current widget column and this additional one for widget plugins and advertisements. I’m not necessarily asking that this task be done for me, although I wouldn’t turn away such an offer, but if it is a straightforward or just above beginner level that someone could make some suggestions. Maybe a 3-column “Slate” design is a possible future offering? Thank you greatly.
    Bryan

  81. Josh
    07.07.09

    Hey Evan, I figured out the problem. Is there any way to get AdSense ads on the homepage of this blog? I got them working fine on the individual posts and pages, but couldn’t get the homepage to display…

  82. Evan
    07.09.09

    Hi Josh,

    Where on the homepage were you hopping for the ads to show? The easiest way is to include them in your sidebar using a widget. Here is a post that I wrote about just that.

  83. Evan
    07.09.09

    Bryan,

    I think a three column Slate theme is a great idea!

    It’s not something that I have in the works right now, but I will add it to the list. Because it will take some time to accomplish when and if I get to it, you could certainly try putting one together. My suggestion would be to look at lots of themes that offer three columns for examples. Look for the code in functions.php, the display pages and the sidebar1/sidebar2.php. Let us know if you have success with this.

  84. Evan
    07.09.09

    Hi Dan,

    I love your photo work! Also love the background you added to the theme. Very nice effect. You might need to tell me a little more about your issue. I’m not sure I understand what’s going on.

  85. Bryan
    07.10.09

    Thanks for the response, Evan. I will take a look at some 3-Column code and see what I can figure out. I’m thinking that I should look for some established themes and compare the code between a few of them just to make sure that I’m tackling the issue in a way that is consistent with others. As you said, this will likely take quite some time, but I will post back to this discussion thread with any results I have. Thanks again.

  86. Bryan
    07.15.09

    Just as an update, I have found several resources for simplifying the expansion to 3 columns (1 content column + 2 widget columns). I’m comfortable in doing this myself at this point after looking through all of the information thus far. Hopefully I’ll have time this weekend to complete the modifications and post my results here.

  87. Evan
    07.15.09

    Bryan,

    Thanks for the update. I can’t wait to see how the theme revision turns out! It should be fairly simple to add the extra column, but might take a bit of fussing to get the new one widgetized.

    It’s been such a busy couple of weeks on my end that I’ve not had time to mess with anything. Hopefully soon.

  88. Ilana
    07.19.09

    Evan,
    I was shocked to see that my site cannot be viewed properly from IE.
    What should I do?
    Cheers
    Ilana

  89. Evan
    07.19.09

    Hi Ilana,

    I checked your site in IE7, and all looks well. IE8 tends to be more compliant then 7, so I’m going to guess that it looks fine also. As for IE6–I don’t have access to that browser at the moment, but the number of IE6 users has dropped to less then fifteen percent, and that number is falling fast.

  90. Ilana
    07.20.09

    Thanks for replying so quickly, Evan.
    I downloaded IE 8 but it still does not display the site accurately.
    The welcome page does not show the picture nor the text, the second page has an error , and I think there are more errors on other pages too.
    I don’t know wha the problem is. I made sure I updated all changes and had them published.

    Please help,
    Cheers

    Ilana

  91. Usman
    07.25.09

    how do i reduce the gap between the header and the tabs? Take a look at my site for a clear picture.

    Thanks

  92. Ilana
    07.26.09

    Evan,
    I hope you have time this week to see why does my site not display properly on IE? Has anybody else on Slate had this problem? Fix needed, please!
    Thank you!

  93. Evan
    07.26.09

    Hi Ilana,

    It’s been a busy week we moved our home and office. I should be at my computer more this week than last.

    Help me understand exactly what is going wrong when you view your site in IE. Also what version of IE are you using. Thanks.

  94. Evan
    07.26.09

    Hi Usman,

    When I look at your blog, the tabs appear to be directly under the header image. I am viewing in Firefox and IE7. If this issue is resolved, great! Otherwise, let me know, and let me know what browser you are using.

  95. Usman
    07.26.09

    Yep its resolved now. I was wondering how do i make the right column wider?

  96. Ilana
    07.26.09

    Thanks for replying, Evan.
    The sight is fine viewed with Firefox but with IE8, the Welcome page only displays the heading – the text and picture have disappeared and the About page shows an error.

  97. Minty
    07.26.09

    Hey Evan,

    Have you noticed that the menu tabs at the top of the theme don’t appear to render properly under Firefox 3.5.1? Fine in many other browsers (including Firefox 3.0x) but 3.5.1 seems to break them.

    Any ideas what’s going on?

    Cheers,
    Minty

  98. Usman
    07.29.09

    I reset the temlate and lost the code to insert the header. I was how do i insert a header? i want to have control over its position.

    Thanks,
    Usman

  99. Evan
    07.30.09

    Usman,

    I don’t entirely understand your question. But I think you are asking how to insert the full header section of the theme. If so use <?php get_header(); ?>.

  100. Evan
    07.30.09

    Hi Minty

    I am currently using 3.5.1 and don’t see any issue. What is your domain? There might be an issue on your end, or maybe I just haven’t been able to replicate the problem.

  101. Minty
    07.31.09

    Hi Evan,

    The Slate tab issue is less noticeable under Firefox 3.5.1 on a Mac (minor rendering issue with whichever tab is highlighted) but pronounced on Firefox 3.5.1 under Windows XP (at least for me).

    I’ve uploaded an image here:
    http://www.nectarine.co.nz/slatetabs.png

    The top two show it on a site I’ve done:
    http://www.taylorboutique.co.nz/blog/

    The lower two are from Alex Savage’s site (which I saw earlier in these comments):
    http://www.savageclimbing.com/savage-photos/

    It might just be my machine, but that’s two sites I’m seeing it on (plus on the Mac to a lesser degree). Was fine under Firefox 3.0x.

    Let me know if I’m going bonkers or if there really is a Firefox 3.5.1 rendering issue!

  102. Usman
    07.31.09

    Hey Evan

    Sorry for being unclear.

    Well i have inserted a header, using the following HTML code:

    As you can see there is a gap, i want to know how do i reduce the gap?

  103. Usman
    08.01.09

    The problem has been resolved. I was wondering i want to extend the right column. So i cant fit a youtube video in the column. The size of the video will be 480 x 295

  104. Usman
    08.02.09

    I have come across a few other problems. The first is the one i stated above.

    The second one is i want the tabs not to be http://www.thatdesisound.com/?page_id=42 but http://www.thatdesisound.com/contactme. I read what you said above but not working for me.

    When i click on the tab the post titles seem to be a bit low, is there any way to raise the title?

    I want to remove the rss tab, how do i do this?

    I want to create a post which will not be on the tab or on the main body of the site. So for example on the right sidebar, i want a link saying click here to subscribe and it will take them to a post. Do you understand what i am saying or can that not be done?

    Take care,
    Usman

  105. Usman
    08.02.09

    one more thing, if a user clicks on a post i want the top bit of the internet browser to change. Like i clicked on the slate them on your site and the top says “WordPress Theme, Slate”

  106. Evan
    08.02.09

    Minty,

    Wow! your site looks awesome.

    Thank you for the wonderful illustration of this issue. I see exactly what you were looking at, and now I’m intrigued. The oddest part is that I am unable to recreate the same appearance on my version of FF3.5.1. I am going to try viewing your site and others on a variety of browsers on several different computers, over the next week. Somewhere in this process I’ll isolate the issue. When I do I’ll post here, and shoot you an email. Thanks again.

  107. Minty
    08.02.09

    “Wow! your site looks awesome. ”

    LOL. Nice double-edged comment, Evan, considering it’s built on your theme! ;-)

    Seriously, I appreciate you looking into this further. What are you running FF3.5.1 under- XPSP3 or Vista or OSX?? It’s weird that we’re not seeing the same thing. If you need to ask me any direct questions about my setup.

    Wait- just checked it on a laptop with XPsp3 and it’s fine. So maybe it’s an add-on I’ve got on my desktop machine’s FF, or something like that.

    If you’re still happy to give it a check on a couple of boxes, that’d be brilliant. If you can’t replicate anything on FF3.5.1 XP (or with lesser tab rendering issues, OSX) then I’ll try and see if I can sort what the rendering issues might be here.

    Cheers.

  108. Minty
    08.02.09

    Just disabled all my addons- no improvement. But looking at the laptop, it seems that the font isn’t rendering in the tabs- it looks more like a default font. Perhaps a font I’ve got installed on my desktop is causing issues?

  109. Evan
    08.02.09

    Minty,

    Try switching the navigation font in the style sheet. Thats the kind of issue that’s hard to track down but would make sense.

    “Wow! your site looks awesome. ” = nectarine.co.nz

    Very cool.

  110. Minty
    08.04.09

    Okay, so I don’t think I changed the nav font styling- it’s:

    font: 18px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;

    I did remove the uppercase transform though.

    I don’t believe I’ve updated my fonts since I went from FF3.0 to 3.5, so I’m thinking it’s some way that FF3.5.1 is choosing which font to go to, and how it renders.

    If you can’t repro, and it’s not widespread, I’ll stop stressing :)

    Thanks for the help.

    Oh, and glad you like the Nectarine site :)

  111. Evan
    08.07.09

    Minty,

    You might try applying an !important; to the font style. See if that overrides inherited style.

  112. M. Ian Graham
    08.07.09

    Re: the tab display issue that Minty is having.

    Just noticed this thread. I found a fix for the problem and have been discussing it over here on another thread: http://www.thebookofblog.com/slate-v14/#comment-701

    Short version: The PNGs for the tabs and borders are being gamma-corrected and don’t match their surroundings as a result. You can fix the issue by either converting them to .GIF or using a PNG utility to strip out some metadata. I uploaded fixed versions of the images in both formats here:

    http://ijin.net/misc/pngfix.zip

    Feel free to use as you like. Enjoy!
    -Ian

  113. Bryan
    08.08.09

    *Update on created 2nd sidebar/need help!

    Okay, so if you go to my website, http://indydrafter.com , you will see a single right-sidebar. However, from the “sign-in” widget down, it is actually an additional sidebar. I need help aligning it to the far right of the page, next to the existing sidebar. Before getting specific answers, I’ll tell you what I’ve done so far:

    I created a generic sidebar file that I named “sidebar2.php” and uploaded it to my slate theme’s folder.

    I then went through index.php, home.php, search.php, page.php, archives.php, and 404.php and found all refereces to the line . I copied this line down and edited “/sidebar.php” to read “/sidebar2.php”.

    After that, I edited the 2nd line of the functions.php file to read (without ” ” quotes) “register_sidebars(2, array( “.

    With all that done, I went to the style sheet (style.css) and copied the entire contents of /************sidebar************/ down to below itself and renamed it to /***********sidebar2**********/ and edited all text references of “sidebar” to “sidebar2″.

    After all of this, I end up with an additional column in my admin widget page for dragging widgets to and I also end up with the 2nd sidebar on my site, formatted to the same styles as the original sidebar, and positioned below the original. The only thing I need/want to do now is move this 2nd sidebar next to the original at the far right of the page. Help please!?

  114. Evan
    08.08.09

    Bryan,

    You’ve just about got this nailed. It looks as though the only thing you have left to straighten out is the sizing of the elements.

    Here is the current issue–the wrapper that contains the content area and sidebar is 960px. Currently one sidebar with padding-margin, and the content area with its padding-margin, fill the 960px with something like 20px remaining on the far right side of the screen.

    To fit the new sidebar on the right you will need to either widen the wrapper(will look disproportionate compared to the header footer), or shrink the content area. To shrink the content area you will want to reduce the width by 200px, from #content, and .postmeta. If this doesn’t seem to be working, reduce the with by 10px increments until the sidebar2 slips in.

    I hope I am giving you the appropriate advice. Be sure to write again with updates, or questions.

  115. Bryan
    08.08.09

    That worked perfectly. Instead of shrinking the content, I expanded the wrapper. Here’s what I did:

    I bumped the wrapper width to 1180px (enough for the extra sidebar + margin), I also made this same change to the header width. I then went into the header.php file and expanded the “content-top” width to 1180 and then into the footer.php file to do the same for the “footer” width. Update and save all of your changes as you go along and Voila! The slate theme has just become a fully functioning 3-column (1 content + 2 sidebar) theme.

    I think I detailed out my steps enough in these comments, but if anyone is in need of detailed instructions, just ask.

  116. Usman
    08.10.09

    Hey, Even

    Was my comment deleted?

    I cant see it on here.

    Just if you take a look at my site, it seems to be a bit off. How do i resolve this?

  117. Evan
    08.10.09

    Usman,

    Your last comment was under the post Slate v1.4, not in this thread.

    I would try removing the negative height. Also to center objects use margin:0px auto 0px auto;.

  118. Usman
    08.10.09

    oh sorry

    Thanks, i tried what you said, but still the same. The only minus height i changed was:

    #header {
    position:relative;
    width: 960px;
    height: -250px;
    margin:70px auto 0px;
    }

    For a few weeks it was fine, now the menu is off. I did what you said:

    #header {
    position:relative;
    width: 960px;
    height: 250px;
    margin:70px auto 0px;
    }

    Still the same problem, should i send you the style sheet through email?

  119. Usman
    08.10.09

    i re-uped the theme and its fine now

  120. Bryan
    08.11.09

    I have nearly everything on my website tweaked to the point I want it. Much of this credit goes to the Slate theme itself and the work you’ve put into, as well as the effort you’ve put into answering the many questions people (including me) have asked in this thread. I do, however, have two more requests to make.

    1. I’d like to remove the redundant title on my pages other than the home page. ie. I go to the “Links” tab only to be shown a title on that page called “Links”….yet I know I’m there because the “Links” tab is still selected. How can I accomplish this?

    2. I have a clickable button (a may have more in the future) in a widget on the sidebar from an affiliate sponsor. This button is gray, as is the text on it due to the default text styles in the Slate theme, causing the text to not be legible. Is there anyway for this text color to be altered without affecting other areas of the blog or sidebar?

    Thanks in advance for your help. I’m already a proud Slate theme user, and your help continues to grow that pride.

  121. Evan
    08.11.09

    Hi Bryan,

    To remove the title on pages, open page.php. Look for and delete <h1><?php the_title(); ?></h1>.

    To change the input color, add:

    input, textarea, select {
            color:000000;
            }

    This should turn the text, within the button, black.

    Hope that helps.

  122. Erik
    08.12.09

    Hi,
    I am trying to change the blue color in the the theme (#459DCB) to yellow for our team colors but I can’t change the divider between the content and sidebar. Can you point me as to where this is generated.
    Thanks,
    ERik
    P.S.
    Great theme…real clean

  123. Evan
    08.12.09

    Hi Erik,

    The dividing line between the sidebar and content area is on an image called contentbg.png or something similar. You will find it in the images folder within the Slate theme directory.

    just open the image in Photoshop and change the blue line to yellow.

  124. Erik
    08.12.09

    Thanks for the quick reply, I missed the thin line the first time I checked the graphic…Found it at 500% ;)
    On another note, is there a way to handle 2 rows of pages in the Nav bar? I am having to leave some pages out currently.
    Thanks,
    Erik

  125. Usman
    08.16.09

    I was wondering is there anyway to make the main body, where posts go to be able to change the level of transparency?

    Also how do you add on a left sidebar?

  126. Usman
    08.16.09

    One more thing how would i go about adding some drop down menus?

  127. Usman
    08.18.09

    Hey Evan

    I found this code, for a drop down menu:

    jQuery(document).ready(function() {
    jQuery(“#dropmenu ul”).css({display: “none”}); // Opera Fix
    jQuery(“#dropmenu li”).hover(function(){
    jQuery(this).find(‘ul:first’).css({visibility: “visible”,display: “none”}).show(268);
    },function(){
    jQuery(this).find(‘ul:first’).css({visibility: “hidden”});
    });
    });

    #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
    #dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
    #dropmenu a:hover {background:#888; color:#fff;}
    #dropmenu li {float:left; position:relative;}
    #dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
    #dropmenu ul a {border-left:1px solid #c8c8c8;}
    #dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
    #dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;}
    #dropmenu ul ul {top:auto;}
    #dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
    #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
    #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

    I was wondering how do i position so it is over the current menu or delete the current menu so i can put this in place. Also i put some code in, some correctly and some not correct it created another set of tabs. I was wondering how do i make the tabs look like the menu and how do i place categories under the main menu.

    Take care and have a great day
    Usman

  128. John
    08.20.09

    I do not know if you are aware of this or not but it seems that there is an rendering issue in the latest version of FireFox, Chrome, Safari and Opera. It occurs when you click on the “Leave a Comment” link for a post, the comment page puts the sidebar underneath the main content area and does not show the main content background. Are you aware of this and if so where in the code can I fix it? Has anyone else experienced this issue? Other than that thanks for a great template!

  129. John
    08.20.09

    I wanted to give you a little more information regarding that browser rendering issue I mentioned in the post above. It appears that it occurs when you go into the admin area and then in Discussion under settings you check off the box for “Users must be registered and logged in to comment”, when you do this it messes it up. I simply unchecked it and it is fine. Either way it is a bug that I thought you may want to be aware of.

  130. Evan
    08.21.09

    John,

    Thanks for the heads up. I have been so busy over the last month that I have hardly had time to look at the next Slate revision. This issue will be addressed when I dig into the new version. Thanks again.

  131. Bryan
    10.14.09

    Wow! So this is what you’ve been up to lately. The site looks great. I’m not seeing my comment from before the site was converted to this new style, but I’ve tested the plugin, page2cat, and it doesn’t work as expected at all.

    One issue that I’m running into, though, as I’ve modified different ways that the Slate theme does some things, is that the content on my pages other than the home page is shifted down about 50-80px. I know this is partially due to my previous modification to the theme in which I removed the page titles from displaying at the top of the page content. I didn’t that for a reason, though, because I wanted my content to be all the way at the top of the content area and I didn’t have a need for a page title on each and every page. Is there a way to modify the theme further to enable all of my page content to start at the top of the content area?

    Thanks in advance and congrats on a great looking site change.

  132. Evan
    10.14.09

    Hi Bryan,

    Thanks for your kind words about the new site. Its been a lot of work and a long time coming.

    It sounds like your wanting to have a slightly different layout on the frontpage then on other pages regarding the padding at the top of the ‘content’ container. If I am misunderstanding just let me know. Here is how I would approach this:

    -replace the the id=”content” on the homepage with something descriptive like ‘homecontent’ etc.

    -add this new id into the stylesheet and add the css style that currently exists in #content (***)

    -now just make the changes to the content style that you would like. Sounds like you want to remove the top padding.

    I make these kinds of changes all the time on my theme and on others. Its a very easy way to effect changes on one class of objects and not another. Hope this is helpful, and let me know if you were looking for something else.

  133. Bryan
    10.14.09

    That is exactly what I was looking to do. I’m glad that you use broad and general examples that allow me (us – since this is public) to understand the concepts of why things work the way they do in the theme instead of just giving a straight answer. This lets me “float” that knowledge and apply it to other similar tasks so I don’t have to keep coming back to bug you.

    Thanks again for your help.

  134. Bryan
    10.15.09

    Evan,

    I tried out what you suggested, and although separating out the “content” from “homecontent” did what was intended, it apparently isn’t the padding that is an issue for why my content is so far down on each page (except for the home page). There is only one part of the content that even has vertical padding assigned to it and nothing changed when I modified it.

    I’m including a small image to as an example of what I’m talking about on my page content below. The larger text you see is a Header-2 line of text I entered into the page content…it isn’t the header assigned by the template (I previously removed the ability of the theme to insert headers on the page content). I think the issue has something to do with the other pages wanting to pick up the meta and the date tags for the top of the page content. This is just a guess, but I have no examples (let alone experience) to back up that assumption. Any idea what could be doing this?

    [img]http://indydrafter.com/images/content space example.png/[/img]

  135. Bryan
    10.15.09

    Okay, crap. If you could please remove the last post and just go to http://indydrafter.com/augindy/info/ as an example of what I’m talking about. Sorry for the multi-post craziness.

    Thanks.

  136. Evan
    10.15.09

    Bryan,

    I took a look at your source code and it looks like you have an empty div in page.php. I would start by cutting out the html for div#postheader. Next I would try testing the h1 style under content by adding #content h1{padding:0px; margin:0px;} to the stylesheets. See if these changes make a difference.

  137. Bryan
    10.16.09

    Brilliant. That worked perfectly. Thanks for finding the error in my page.php file, too. It’s not much, but paypal donation coming your way! I can’t even begin to think how much time you’ve saved me from trying to troubleshoot through this myself.

  138. Evan
    10.16.09

    Bryan,

    It’s my pleasure.

    Thank you for the support!

  139. The Gone 84
    10.20.09

    I’ve been using this slate for my main site for some time and its great! Just wanted to drop by and offer up my appreciation for such a nice piece of work!

  140. Evan
    10.20.09

    Gone84,

    Thanks for your thoughtful words. Your writing is awesome. Your blog is now in my bookmarks. I’ll be back for creative inspiration, and maybe a t-shirt. Glad you made it home safe.

  141. Ruby
    10.26.09

    Great Theme,

    I’ve searched the Style Sheet .css file and cannot find the section to reduce the empty space below the nav/menu tabs and above the content in the main body.

    Best Regards,
    R

  142. Usman
    10.27.09

    Hey even in internet exploer the menu’s navigator seems off and not in line. I am using the latest internet explorer on windows 7.

  143. Gone84
    10.27.09

    Thanks! I’m glad you like my stuff :) Hopefully soon I will get better at css and be able to contribute some themes of my own!

  144. Evan
    10.28.09

    Usman,

    It looks as though your logo is not sized correctly or is not maintaining layout. I would begin by addressing that issue and see what happens from there. YOu might find that it is messing up the navigation layout as well.

  145. Evan
    10.28.09

    Hi Ruby,

    Try reducing the top padding on the div #content. Currently it has: padding: 20px 19px 20px 0px; CSS padding and margins work with this layout, top-right-bottom-left. So try reducing the first number in the sequence. Hope that helps!

  146. Usman
    10.29.09

    I have removed the image and its fine is firefox but its the same problem is IE. A solotuion to this?

  147. Bryan
    10.31.09

    Alright. This may be out of the realm of questions that a solution is to be expected, but it is a serious issue and I’m turning to all of my resources to resolve it.

    My hosting account was temporarily suspended yesterday due to what my host claims was a usage of 40% of the shared server cpu. The maximum usage on the account is to be no more than 10%. After complaining about the situation and asking to be given the opportunity to fix whatever was causing it, the host service reactivated my account. They claimed that it was the “/usr/bin/php /home/indydra1/public_html/index.php” causing the issue.

    This appears to be the wordpress front that doesn’t really do anything except tell the application to run the theme. I was wondering if you have any insight on this issue and what can be done to fix it. I’ve been scouring help groups, wordpress forums, and requesting help from my host service (although they seem a little reluctant). Thanks in advance for any and all effort.

    Bryan

  148. Bryan
    10.31.09

    As an update, I have gone into my phpadmin panel and attempted to check, repair, and optimize all of my databases and removed all unnecessary tables and plugins. This appears to have made the site much more responsive and stable. I’m not 100% sure the problem is completely solved, but I’m resting a little easier. I wanted to make these public comments, because it is something that I think everyone should be aware of as a possible issue. If you still have a comment about the situation, please let me know. Thanks.

  149. Evan
    10.31.09

    Hi Bryan,

    Sorry for the slow reply, I was out all day. That sounds like an ugly deal. Do you think that it was caused by a bad mix of plugins?

    I’ve found that our sites work best when I keep the number of plugins to a minimum. I try to stay under six or seven, and I choose them carefully. I’ll do a bit of sleuthing tomarrow to look for similar issues. Keep us updated.

  150. Evan
    11.02.09

    Usman,

    In IE your source code shows neither wrapper or content tags. These constrain the content area to the ‘main body section’. You may have made an addition to the theme code that is causing IE to reject these important elements. Please try looking there first.

  151. Usman
    11.02.09

    Well below is my header:

    /*********************header*****************************/

    #header {
    position:relative;
    width:960px;
    height: 310px;
    margin: 60px auto 0px;
    }

    #contenttop{
    position:absolute;
    bottom:0px;
    width:100%;
    height:21px;
    }

    #logo {
    position:absolute;
    top:–800px;
    right:–1000px;
    }

    I think i will re-install the theme and use your logo post.

  152. Bryan
    11.05.09

    I agree with you, Evan, that 6-7 plugins would be a great number to shoot for. However, there are a lot of features I want to offer on my sight that I’m just not quite capable of coding myself yet, so my number of plug-ins is higher. I’m starting to use outside applications to some of the same operations as plugins so that their servers are the ones burdened with the processing hit.

    I’ve checked, repaired, and optimized all of my databases now. After doing so, my use of the server cpu power is averaging out to about .5-1%….well below the threshold. Any one reading this should take it as advice to check, repair, and optimize their databases on a regular basis. Thanks for the help Evan.

  153. Merrick
    11.10.09

    Hey there. Super nice theme that I am super excited to start using! I can’t get the width of the content to open up more so I can include larger images with out the blue line running over it. I saw that some one had posted a similar issue, and that file seems to be in place, and the #wrapper and #content match what you said the fix was. Here’s what I got going on so far. Thanks in advance!

    http://merrickales.com/blog/

  154. Merrick
    11.10.09

    Did you get this my last comment? How can I fix this?? Thanks so much for the awesome Theme!

    http://www.merrickales.com/blog

  155. Merrick
    11.10.09

    Nvmd… I got it all figured out! Thanks!

  156. Evan
    11.10.09

    Hi Merrick,

    Sorry for not getting back to you. Your first two comments fell into the spam box for some reason and I had to go find them when your third made it through. Not sure why that happened.

    It sounds like you got the blue line issue figured out already, but if there is anything else just let me know! You should have no problem leaving comments now.

  157. Anupam Maurya
    11.17.09

    Could you plz tell me how to add RSS feed to monotone theme in wordpress. The theme is not widget aware so if u could tell me how to do it. I would be really thanful to you.

  158. Evan
    11.17.09

    Hi Anupam,

    I’m not familiar with the monotone theme. Is it a theme you downloaded from the WordPress theme directory?

  159. anupam maurya
    11.18.09

    Yes.
    Regarding Paisley theme, its awesome. Can I have it on a free wordpress blog?

  160. Evan
    11.18.09

    Anupam,

    As far as I know there is a set number of options for themes on WordPress.com. This is the primary reason that I recommend to people to pick up an inexpensive shared hosting account. Typically you are able to register many domain on one account and run freestanding WordPress instillations on each. Just a thought. Glad you like the theme though.

  161. Amanda
    12.14.09

    Hi, I love your theme and your extremely helpful writing about it. I’m noticing a small issue, wonder if you have thoughts. A small dark gray band appears in the top of my page, right underneath the tabs. You can also see a small outline of black squares behind the tabs. It’s happening in all the blogs cited above but does not appear on your screenshot or in the original install I did a couple of weeks ago. WordPress upgrade issue maybe? I thought I broke something but did a clean install on another account of mine and the dark band appears again. Picture here: http://www.flickr.com/photos/ajm/4184495859/

    Can you help?

  162. Evan
    12.15.09

    Hi Amanda,

    I believe the problem is that I saved all the image files as png’s. Some browsers handle color in pngs differently. I have meant to get back around to fixing the issue but in haven’t the best way to fix this is to simply open the image files from the theme in a bitmap editor and re-save them as gif’s. You will have to switch out the file type where applicable in header.php and style.php. I hope that helps.

  163. Amanda
    01.20.10

    Thanks Evan for your reply. One more quick one. How does one change the color of the line running vertically between the main content and the sidebar? Thanks in advance, this theme rules!

  164. joolspayne
    04.01.10

    I wish I could make the sidebar menu slide up and down is there a plugin that would be compatible with the theme for this? or would I have to add some script somewhere?

  165. AJ Harbison
    04.08.10

    Hi Evan,
    I’m not sure if you’re still checking this comments thread for support, but I had a quick question. The text “Press enter to search…” doesn’t automatically go away when you click in the search box. Can you let me know the code I should add to make the default text disappear when you click in the box? Thanks–and again thanks for a rocking theme!

  166. AJ Harbison
    04.08.10

    And while I’m here…. Is there code that I can add that will enable post titles to contain italics? Right now if I put a word or phrase in italics, that word or phrase will shrink down to regular text size, while the rest of the title stays at the same larger size. Thanks!

  167. [...] WordPress Theme Demo | Download [...]

  168. Test | Plug Blog
    08.09.10

    [...] is an example of the Slate theme showing the result of this [...]

  169. [...] is an example of the Slate theme showing the result of this [...]

  170. hoffQuaxWax
    09.01.10

    Good evening! it for you: cutest tits disabled porn or fetish body braces free latino gay porn and jap granny action youtube free porn or blonde milf pussy . Let’s keep in touch!

  171. Peter
    10.19.10

    Wonderful theme, thank you !
    Permit me 2 observations :

    1. In the theme download, please change the imageformat in the image folder yo gif ( currently png ). It solves the all crossbrowser display issues, as stated in comments above.

    2. Why not remove those tricky opacity filter properties from the #date in the css file and replace it with : color: #464646; This solves any crossbrowser issues and gives exactly the same effect.

  172. pacman
    02.09.11

    Howdy! I just wish to give a huge thumbs up for the good info you could have here on this post. I will probably be coming back to your weblog for extra soon.

  173. Nicolas
    05.21.12

    Hi,
    Im using Slate theme and i really like it, cause it is really discrete and quiet.
    But i need to transfer my site to a new WordPress version : i currently use 2.8 version and i need to update to 3.1 and up.
    Is there any problem? Slate theme is prepared for latest WordPress versions?
    Thanks in advance.
    Nicolas.

Leave a Comment