tpSunrise – A New WordPress Theme

tp Sunrise screen shotWe’ve developed many WordPress themes for clients for specific projects. I was looking for a 3 column theme with a variable middle column and a vertical menu. (I don’t know why there are so few vertical menus for WordPress.) Anyway, I couldn’t find a theme I liked, so I wrote my own.

Presenting tpSunrise!

I’m really happy with the way that this theme turned out. At the same time, it’s also my first theme that I intend to be publicly available. It’s GPL so anyone can use it for free!

Please download tpSunrise and let me know what you think! You can view a working WordPress site using tpSunrise too!

This theme requires WordPress 3.0 or above

This theme is under GPL License. (http://www.opensource.org/licenses/gpl-license.php)

TO INSTALL:
1. Unpack this archive in your wp-content/themes/ directory.
2. Go to WordPress Admin, Appearance/Themes.
3. Activate the theme.
OR
1. Install and activate the theme from the Appearance/Themes admin panel.

tpSunrise is a is a 3 column theme with a vertical menu on the left. The theme supports 2 widgetized sidebars on the right and a flexible center column that automatically adjusts for the window width.

The theme automatically supports customizing the header image, title text display and title font color.

This theme supports an optional alternative header for sub pages. This allows the home page to feature a large graphic header and sub pages to use space a bit more efficiently. This feature can be activated under appearance/ theme options. Be sure to specify an alternate header image and a color for the blog title text. Sample alternate header graphics are located in the theme image directory at tpSunrise_alt_header_sample1.png and tpSunrise_alt_header_sample2.png.

The theme uses one WordPress 3+ menu and presents the menu as a vertical menu down the left sidebar. The theme uses an image (images/gradient31.gif) to style the menus; this does limit the length of the text for the menus. If you prefer, you can remove or change the image to accommodate longer menu names or different color schemes. This left sidebar is intended for navigation only and is not widgetized.

The theme also supports alternative styling for the sub (all except home) pages. Sub page styling can be set in appearance/theme options. Be sure to check the alternative styling option and specify the CSS that will override the home page default styles. Any valid CSS statements can be used here.

For minor styling changes please edit custom.css rather than styles.css. Any styling in custom.css will take prededent over styles.css and ease the process of theme updating.

Every theme I’ve developed before was intended for a very small audience; this one is different. This is my first theme intended for wide distribution; I would appreciate comments. I have some other themes in process to meet specialized layout requirements. I wanted to give something back to the many people who helped me learn CSS, WordPress, php and jQuery through their blogs. Thanks!

It is completely optional, but if you like the theme I would appreciate it if you keep the credit link in the footer.

105 Responses to “tpSunrise – A New WordPress Theme”

  1. Koala

    Hi, I love your theme. But I’m having problems with the custom header function. It says the header size is 940×200 pixels. When I upload my custom headers of that size, it shows up on the left hand side of the header bar, with a good 1/3 of the header space just black background. Uploading a larger header doesn’t work either. Can you please help?

    Reply
    • ed

      The theme is designed to align to the left side of the screen and it has a variable width to that it will automatically adjust to many screen widths. To accommodate this, the header must also be able to vary in width. I’ve designed the theme to fade to a dark, almost black, color to the right of the header graphic. This color can be changed but right now you’ll have to edit line 94 of styles.css and change the color to any other color. For example, to change to red you would change:
      #masthead {
      background: #180509;
      }

      to
      #masthead {
      background: #ff0000;
      }

      You can find out more about css colors at http://www.w3schools.com/cssref/css_colors.asp.
      In a future release I’ll make the color easier to adjust by adding an option to the theme options.
      Thanks,
      Ed

      Reply
      • Gary Howell

        I found that by changing it to white, #FFFFFF, that square on the right of the header will perfectly match the surrounding page, which is also white, and you can no longer tell there’s an issue.

        Reply
        • Nyla

          Gary, this is a good tip but if you have an image in the header, the image just looks truncated. . .like more was expected to the right of the header block.

          Ed, (and all others) is there another way to eliminate this “black box? Can’t the header image (and entire theme) just be coded to center on the web page?

          Reply
          • ed

            The theme is designed with content to be left aligned and a variable width column. If you want the header image to be centered you could add a div around the header image in header.php and add css to format this div to be centered.

    • ed

      I would need more information to understand what’s happening. Can you give me your site url? Is this happening for all themes? Try switching to 2011 and see if pages render correctly in that theme.

      Reply
  2. james

    Just wanted to say thanks for the theme, it’s great.

    Only critisism I have is I’d love to have more control over the background image. The ability to move it left, center, or right isn’t enough, having an up, center down would be OK, but if there was a screen that you could just position it with X, Y coordinates, that would be awesome.

    anyway It’s working fine for me, and real easy to use. Just what a interweb N00B like myself needs

    Reply
    • ed

      I’m glad the theme is working for you. I like you suggestion for positioning and will take a look at including that in the next version. In the meantime if you want to position the header image, you can manually edit the style.css file. For example, if you would like to move the image 200 pixels to the right just add the line padding-left as below:
      #masthead {
      background: none repeat scroll 0 0 #180509;
      padding-left: 200px; /* add this line to move the image 200 pixels toward the right. You can change the number to any amount of pixels you like. */
      }

      Reply
  3. Jaime

    Ed,

    Your theme is wonderful! I too don’t understand why there aren’t more WordPress themes with a vertical menu.

    I’ve been using the theme as a template for a website and changing a fair bit of it around (thank you for the clearly organized CSS!) but there were two things I’m trying to figure out.

    1. I’d like to have the theme (all three columns + header) centered at about 940px width rather than having it aligned on the left.
    2. I’d like to use a header image that is 940w by 560h, but currently on the “Header” page I can only upload an image that is 940×200 or crop it to that size. Is there some way to adjust this in the CSS?

    Thank you for your hard work on this theme.

    Jaime

    Reply
    • ed

      I’m glad that you enjoy the theme.
      To answer you questions:
      1. Go into styles.css and on lines 114-127 you’ll see this code:
      #wrapper1 {
      position: relative;
      text-align: left;
      width: 100%;
      }
      #wrapper2 {
      float: left;
      position: relative;
      text-align: left;
      width: 100%;
      background-image: url("images/l_col_bg.gif");
      background-repeat: repeat-y;
      background-position: top left;
      }

      Change the width values to the desired pixel width you’re looking for. You’ll also need to center the wrappers rather than float them left. There are several ways to float center but I’ve found that adding margin-left: auto; and margin-right: auto; works well in most cases.
      2. The values for the header image width and height are in functions.php. On lines 87-89 you’ll see this code:
      //Define the width and height of our header image
      define( 'HEADER_IMAGE_WIDTH', apply_filters( 'tpSunrise_header_image_width', 940 ) );
      define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'tpSunrise_header_image_height', 200 ) );

      Change the width and height values to whatever you need. I STRONGLY suggest making a child theme and changing the values in the child theme.

      Reply
  4. Felix

    Hello, I love your theme, but I got some problems with the navigation. Normally the navi-text is blue, but I want to set it to white and changed the color code. But it’s not white… it’s the default blue text.
    I hope you could help me a bit.

    Reply
    • ed

      You can change the text color of the menus through the stylesheet file. The text in the menus are actually anchors, so you’ll need to change the anchor color. On line 277 of style.css you’ll see:
      .sf-menu a, .sf-menu a:visited {
      color: #13A;
      }

      Change the color line to the color code you want.

      Reply
      • Felix

        Thank you!
        But now I got another problem. I changed the width to 940, like Jamie and put margin-left:auto;
        margin-right:auto; after the wrapers and the footer. Now most of the site is in the center of the screen, only the header and that orange background image are still on the left side.
        How I could get them into the center?

        Reply
  5. Gary

    I’m finding that my vertical menu on the left does not appear. I have WordPress 3.2.1. Have I missed some setting or something?

    Reply
  6. Gary

    Never mind, I figured it out. In the dashboard, go to appearance < menus and then create a menu name such as "navigation". Populate this menu with items from the left side of the same page, such as Home, About, etc… Save menu. Then, at the top left of the same page is a box labeled theme locations. it contains a drop down menu. Click it and select the menu you just created. Then click save. Go to your site's home page and refresh the page, the vertical menu will now appear.

    Reply
  7. Felix

    I’m sorry, but I need your help again. I changed the width to 940, like Jamie and put margin-left:auto;
    margin-right:auto; after the wrapers and the footer. Now most of the site is in the center of the screen, only the header and that orange background image are still on the left side.
    How I could get them into the center?

    Reply
    • Felix

      Come on, I don’t know how to center the header.

      I can’t use margin for #masthead and padding can only work with numbers.

      Please help me that last time.

      Reply
      • ed

        Can you please send me the url of the site you’re working on. It’s hard to understand the problem if I can’t see it.

        I’m happy to fix bugs in the theme. Please understand that, although I try to help as I can, I can’t provide support for extensive theme customization.

        Thanks,
        Ed

        Reply
        • Felix

          Okay, thanks for your answer, I’m very glad about your free Support.
          The website: http://www.bayer-qualitaet.de
          The header-picture should be in the middle of the screen. Margin isn’t working, only padding, but I don’t know how to get it into the center with padding.

          Reply
          • ed

            This will center the header graphic:
            #masthead {
            width: 960px;
            margin-right: auto;
            margin-left: auto;
            }

            The theme is intended to be left aligned, so I haven’t extensively tested the impact of centering the header graphic.

          • Felix

            Thank you, you’re my hero 😉
            I didn’t know that I have to ad the width.
            I hope it wasn’t too much of a bother.

  8. Jeff

    This is the exact type of theme I’ve been looking for! I’m currently using another theme on my site http://workfromhomeanalysis.com and I’m preparing to switch.

    On a test site I use, http://makemoneyfastwithoutmoney.com, to try things out, I’ve been playing with this theme.

    I have a question about the menu. I put my first level pages on the menu and I would like to have my second level extend off of the first. Then the third level extend off the second.

    Does the theme support this, and if not can I add it to my custom.css that I am creating?

    Thanks,
    Jeff

    Reply
    • ed

      Hi The theme uses the standard menu that have been part of WordPress since version 3.0. The theme does support multi level menus. I’ve tested them to 3 levels deep – that should be enough for most apps.

      Thanks,
      Ed

      Reply
    • ed

      If I understand your question, the theme supports this natively. Just create your multi-level menus and each will appear from the parent. The theme supports menus up to 3 layers deep. More layers can be added via CSS.

      Reply
  9. Donald DeZutter (Don)

    I am having a problem with the menu when there is a second level sub-menu. See my web site and then mouse-over Education, Transgender. You will see that only the first sub item displays at z-index: 999, the ones below are partially hidden, the same happens for Reading Books/List. I notice that your sample here does not second level sub-menu so perhaps you could try this at home and get back to me. Thanks for your help. Don

    Reply
    • ed

      Thanks for pointing this out. I actually never tested the menus 3 layers deep. I’ve corrected the problem and will email you a new version of the theme. I’ll also post the new version (1.2.3) here.
      Thanks,
      Ed

      Reply
      • Donald DeZutter (Don)

        Many thanks, I will be looking and waiting for the update. Will the update be available for automatic update soon?
        Also, is there a way to have a menu item that toggles #right_col {
        display: none;
        } so I can turn it on and back off? I am really new to WP so forgive what may be something I should know. Don

        Reply
        • ed

          The update isn’t in the WordPress repository yet. I’m holding on submitting it until I complete testing with WordPress 3.3, which should be released late November or early December. In any case, the most recent version of the theme is always downloadable here.

          The css visibility property will hide markup. The syntax is visibility:hidden; to hide. I think it’s actually easier just to remove the menu item in question from the WordPress backend though – especially if it’s a temporary change.

          Reply
          • Donald DeZutter (Don)

            Ed:
            1. The update fixed the problem.
            2. Visibility affects layout and is not what I want to toggle. I want to be able to toggle display between “display: none;”, this being the default, and “display: block;” because I want to remove the element from the presentation entirely.
            Guidance appreciated. Don

          • Donald DeZutter (Don)

            Ed:
            1. I spoke too soon. The update fixed the problem everywhere except Internet Explorer. I am using 9.0.3 which I believe to be the most current. IE still has the same old problem.
            Don

          • ed

            I loaded your page with IE9.0.3 and it displays correctly for me. I’ve emailed you a screen shot. Please let me know if I’m missing something.

  10. Prasad

    Thank you for a great theme.

    Is there anyway I can replace the header with a flash image(.swf)? What need to be changed?

    Thanks.

    Reply
    • ed

      You would need to edit header.php to change the graphic to a flash file. coding this is beyond what I can offer supporting a theme from free, but I’m happy to help you if you want to hire me to do the work.

      Reply
  11. Prasad

    I’m sorry Ed. I cannot afford to hire a designer in my current situation.
    Thank you for your pointer.

    Reply
  12. rakesh pandey

    Hello Sir

    i am rakesh , i am using your theme . i am facing one problem , i want to add templete page in my website . i am not finding one column page or templete page in tpsunrise theme . i will be thank full to you if you suggest me something in this regards.please help me sir .

    Thanks and regards
    Rakesh Pandey

    Reply
    • ed

      The theme does not come with any custom page templates, but you can create one from any of the standard WordPress page templates.

      Reply
  13. Pieter

    Hi?

    I’m working on a site using your theme, but I have problem with the menu when I go 3 levels down. There they overlap and are partially hidden. I read in the comments someone else had the same issue and that the update fixed the issue.
    I checked and i’m using the latest version according to wordpress, but that’s a v1.2.1 while you spoke of 1.2.3. Where can i find the update and how can I update it without losing my settings?
    Sorry if I’m asking dumb question, I’m pretty ne at WordPress.

    Thanks,
    Pieter

    Reply
  14. Marielle

    Hi Ed,

    can i change the color of the menu bars??
    I found out i can change the color when I go over it with the mouse, but i want to have the color changed period. I want to change the orange in pink (FFCCFF) 🙂

    TY for your help.

    Reply
    • ed

      The menu bar gradient is located in /wp-content/themes/tpsunrise/images. You’ll see a file named gradient13.gif. This is the unselected color. You can change the colors in this file as you would like. The hovered color is set in style.css line 323. You’ll see this code:
      .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
      background: #F2BE76;
      outline: 0;
      }

      Change the background color to what you would like.

      Reply
  15. Sherrie Jo

    I LOVE your theme! as you can see by my website I have used many of the tips from this page to spruce it up. I have used Twenty Ten since the day it was released but I have really wanted a left hand menu with flyouts .. today I went looking and found you! WOOHOO!! 🙂

    The only thing that I would like to do now is change the menu graphics .. making the graphics is no problem .. but finding where to put them is:) .. where about’s in style sheet and in what folder I would upload it too .. Can you help please ? I would need the size the menu graphic needs to be also .. pretty please:)

    Thank you in advance and thank you so much for this wonderful Theme!

    Reply
    • ed

      I’m glad you like the theme. I think the commenter below had the same question.. Please let me know if that doesn’t answer your question too.

      Reply
  16. Sherrie Jo

    OPP! 🙂 I was able to find and change out the color of the menu graphic .. going to play around until I find a color I really like but I found it and where to change it. but I do still have a question/problem 🙂

    Above you show how to change the color of the test on the menu buttons .. try as I might I can not get mine changed to black for nothing .. what the heck am I doing wrong? 🙂

    Reply
    • ed

      To change the text color you’ll go to line 185 in style.css and change the code for color:
      #left_col ul li a {
      color: #507AA5;
      text-decoration: none;
      }

      To change the hover text color, go to line 190 and change the color selector here:
      #left_col ul li a:hover {
      color: #507AA5;
      text-decoration: underline;
      }

      Reply
      • Sherrie Jo

        Thank you, thank you, thank you!! I have had SO many complements on the new layout .. tis all you baby, tis all you .. and next payday I will be back to donate .. THANK YOU so so much, LOVE this theme!! May you have a very Merry Christmas!

        Reply
  17. Baranduin

    Thanks for a great theme! I’ve been fooling with the various components, trying to bring the secondary sidebar over to the left column. I got that to work, but it is now appearing above the menu, and the post content is appearing in the left column above that! Is there a quick way to explain how to get the secondary sidebar to appear below the navitation menu? Thanks!

    Reply
    • ed

      There is a built in sidebar below the menus; see the Left Primary sidebar. Adding a left secondary sidebar can be done by editing the functions.php file and adding the appropriate classes. Can you please send me the url of your site and I’m happy to take a look.

      Reply
  18. Donald DeZutter (Don)

    Recently updated to tpSunrise 1.2.7 and just discovered that my custom.css was wiped out. Only thing there is the distributed original. Looks to me like a bug somewhere. Thanks for any help in trying to restore.

    Reply
      • ed

        I’m glad you were able to resolve this problem. Unfortunately due to the way in which WordPress processes theme updates I’m not aware of a way to fix this issue without modifying core WordPress code. The logic doesn’t exist to check to see if custom.css has been modified before overwriting the file. For this reason some theme vendors recommend against applying theme updates: see http://www.woothemes.com/2011/03/theme-upgrades-explained/ for a useful discussion from one commercial vendor.
        Standard practice is to use child themes for any theme modifications – even those mods as simple as using custom.css. See http://codex.wordpress.org/Child_Themes for more info on child themes. Another good practice is to update themes into a new directory. Then, once you copy over your customizations, activate the updated theme that’s in the new directory.
        It’s always a good practice to backup your WordPress site before applying any updates.

        Reply
  19. Fran

    Great theme! Just one issue that I am having is with widescreen monitors…the alignment of the text for the centre column does not display properly, it will actually go over to the right sidebar…on a “regular” monitor is displays perfectly.

    Can I adjust the theme for both types of display?

    Thanks a million

    Reply
    • ed

      Thanks for letting me know about this problem. I tested the theme on monitors up to 24″ and it worked there. Can you please send me a screen shot so I can see what’s happening? Feel free to email it to ed@tekpals.com.

      Reply
  20. Donald DeZutter (Don)

    Ed, following your advice, I am now trying to use a child theme to avoid whacking the custom.css next time there is an update to tpSunrise. Here is my situation.

    When using tpSunrise as my theme everything works as expected. I have places numerous over-rides into custom.css of tpSunrise. This is what I am trying to replicate using a child theme.

    Then, I created a child theme called “tp Sunrise Child”. The child theme directory contains only style.css which in turn contains the required header to link back to the parent followed by the needed “@import” statement and then followed by everything that is in custom.css of tpSunrise.

    Now the problem: I activate theme “tp Sunrise Child” and the menu does not appear on the left. The menu does appear below the header and above the body of the page, the home page in this case. The menu is well constructed into the multiple levels as expected but does not appear properly.

    I have saved and can send a sample page, the home page which shows the problem. It appears to me that the custom.css from the parent was used. The contents of the zip file would be: style.css from child; tpSunrise Child – pflagbham.org.htm, sample page; tp_Child – pflagbham.org_files, files files referenced by sample page.

    Hoping this is just something a nubee has yet to learn. Don

    Reply
  21. robert patrick

    Hi ed , thanks forthe theme dude , i have ust made the jump in the cms area of webdesign ,maybe u could awnser my question , i am trying to seperat post into individual sections on the index page, i have done quite a bit of altering with the css and to no avail, i am trying to get look similar to the following site http://www.avondaleunited.com/,

    the site im working on using your theme is

    http://www.d1023697.cp.blacknight.com/rockmountafcwp/

    as you can see i also want to strip out the post details and date icon aswell.regards

    robert

    Reply
    • ed

      In #recent_posts li:nth-child(even) you want to remove float: left;
      In #recent_posts li:nth-child(odd) you want to remove float: right;
      In .recent_posts_item remove width: 45%;

      That will display the 4 most recent blog posts one after the other full width. The CSS for the post text will need to be adjusted a bit so that the text displays properly when thumbnail images are present.

      To hide the display of the post meta, including the post date, add visibility: hidden; to #recent_posts_meta.

      Reply
      • robert patrick

        Hi ed i made those changes and nothing happened.
        the posts on the index page still appear in the same container? , the post data still appears!

        rob

        Reply
        • robert patrick

          hi ed i have manged to remove all the post details but still cant get the posts to display seperately , i have found another example of what i am trying to achieve

          http://aralbalkan.com/

          again each post is visually seperated,i have a feeling it involves altering the wp loop on the your index page?? .

          rob

          Reply
    • ed

      Sure, if you don’t want to use the built-in WordPress header functionality, you can edit header.php to add a new div with your image. Then you’ll need to add CSS to position that div.

      Reply
  22. Gene Wolkf

    Thanks for creating this theme with a vertical menu! It looks like the menu order is based on the page ID. I have had to add a couple of additional pages to my site and now they appear at the bottom of the menu. Is it possible to base the menu order on the page order instead of the page ID. If you go into Quick Edit the page order can be changed but this does not change page ID.

    Thanks for your help!

    Reply
    • Gene Wolf

      Nevermind! I found it. Just order the menu items! *palm to forehead*

      Reply
  23. Lupuskanar

    Is it possible to create an image that can be used for the background of any page?

    Reply
    • ed

      Yes, select Appearance then Background from the back end menus. Here you can set a background color or image.

      Reply
  24. Mike

    How can one remove the padding around the footer and header? Have a heck of a time locating this in the stylesheet.

    Reply
    • ed

      The header text is styled on line 96 of style.css. The footer text on line 233. Check out Firebug as a Firefox addon or Chrome Developer tools. Both are easy ways to quickly see and change styles.

      Reply
  25. Jason

    Hey, thanks for a great theme!
    I’m trying to figure out how to display only the summaries on the home page… I did the “Settings >> Reading” thing and checked the “display summaries” box, but that had no effect. So, I’m trying to find it in the PHP files. Hopefully, you guys have an easy answer for me.

    Thank you!

    Reply
    • ed

      If you want to display only the post summary, you’ll need to use the magazine template that comes with the theme. There’s no setting in WordPress to just show summaries on the home page. Another option is to create your own template, but that does require programming skills to do that.

      Reply
  26. Dennis G.

    Good theme..one question:
    Is there a way to get the Category and Archives to not display on the right?

    Thanks.

    Reply
    • Dennis G.

      Scratch that – I found it – modified the sidebar code to remove the two items.

      Again – great template.

      Reply
      • ed

        That definitely works too! Just be careful if you modified the theme code without creating a child theme. If you update, your changes will be lost.

        Reply
    • ed

      Thanks, glad you like the theme. Yes, adding any widget (even a blank one) will cause the default sidebar content to no longer show. I’d suggest adding a blank text widget – that’s probably the easiest way.

      Reply
  27. Ann

    I have a problem with tags and date showing at the top of the blog post instead of at the bottom. What do i do to put them on the bottom. Otherwise this is wonderful. I really searched for a three column theme before i got to this one. It was just what i was looking for safe for that problem. pls help

    Reply
    • ed

      If you want to show the post metadata at the bottom of the post rather than the top, you’ll need to modify several of the theme files. Look for this code:

      <div class="contentdate">
      <h3><?php the_time('M y'); ?></h3>
      <h4><?php the_time('j'); ?><h4>
      </div>

      <div class="contenttitle">
      <h1><a href="<?php the_permalink() ? rel="nofollow">" rel="bookmark"><?php the_title('','',0) ? the_title() : _e('Untitled Post', 'tpSunrise'); ?></a></h1>
      <p>Posted by < ?php the_author(); ?> on < the_time( get_option('date_format') ); ?><br />
      Posted in <?php the_category(' • ') ?> <?php the_tags(' | ' . __('Tagged With: ', 'tpSunrise'), ', ', ''); ?>
      <?php if ( comments_open() ) { ?>
      | <?php comments_popup_link( __('No Comments yet, please leave one', 'tpSunrise'), __('1 Comment', 'tpSunrise'), '% ' . __('Comments', 'tpSunrise'), __('Comments are closed', 'tpSunrise'));
      } elseif (get_comments_number() > 0) { //don't show comment link if there are none & comments are off ?>
      | < ?php comments_popup_link( __('No Comments', 'tpSunrise'), __('1 Comment', 'tpSunrise'), '% ' . __('Comments', 'tpSunrise'), '', __('', 'tpSunrise')); } ?></p> </div>

      And move it to where you would like. You'll have to do this in single.php, archive.php & index.php. Depending on what you want to do with this text, you could also manipulate the .contenttitle and .contentdate classes in styles.css.

      Reply
  28. Bryan

    Hi, there! Downloaded the theme and I really like it, but I’m having a slight problem: the footer won’t stay at the bottom of the page.

    There are a few pages where there isn’t a lot of information and the footer jumps all the way up to the middle of page, often crossing behind items on the right-side sidebar. I don’t want to go through every page – including pages I might add in the future – and try to add empty content just to get the footer to stay at the bottom of the page.

    I looked in the Stylesheet, but I don’t see ant setting for the footer being fixed or even settings for a relative placement. Or are the settings somewhere else?

    Also, while I’m asking questions, I want to remove the ability to comment from ALL pages, even ones already published. I tried commenting out comments (something I’ve done with other themes in the past), but they keep showing up. Again, is this located somewhere else?

    Thanks!

    Reply
    • ed

      Glad you like the theme.
      The footer isn’t intended to be at the bottom of the window. It will float up if there isn’t much content on a page. However, it shouldn’t cover up the menus. I’ll take a look and correct that problem.
      This theme doesn’t have the ability to disable comments from all pages. That has to be done on a page by page basis from the back end.

      Reply
  29. Nyla

    Hi Ed,

    Love this theme. I so wanted a vertical navigation menu! I am new to this. As much as I love the place for an image in the header, I don’t have an image to go there at the moment. I’d just like to have my Title at the top, a space for an ad just below this, space on the left of the ad for text such as byline, tag etc. and a space on the right for a picture. The ad will be 728 by 90.

    Would you point me in the right direction as to how to do this? Would I use “div”? Will this just overwrite what’s there or will I have to delete something?

    Thanks much again!

    Reply
    • ed

      Hi, Thanks for bringing this to my attention. It’s definitely a bug in the theme in that the theme doesn’t handle no header image correctly. I’ll update the theme with a a fix and will post when the fix is ready. Should be just a day or so.
      Thanks again.

      Reply
      • Nyla

        Any update on that fix? Also, I have a child theme so can you give direction as to how to alter in that or hmmm, should I just reload the corrected Parent theme which I guess is the point of using a child theme. .? I’m still new at this so I am scared to upload another theme and lose all of my changes! lol

        I removed the image for now, but I get the “Header Image Alt Text” on my webpage on top of the site title. How do I remove this and the “little box” which is visible in IE but not in Firefox?

        Thanks,
        Nyla

        Reply
      • ed

        Sorry for the delay; my paid projects have been keeping me busy. I hope you understand. I’ve fixed the display problem when no header image is selected. Version 1.2.8 can be downloaded from http://tekpals.com/tpsunrise-a-new-theme/. This update won’t be in the WordPress repository because I’m focusing on taking advantage of the new image library features of WordPress 3.5 due out in December.

        Reply
  30. Joe

    How do I remove the gradient from the left side menu? I removed this “url(images/gradient_31.gif)” from the code, but it is still gradient image. I have my background a different color, and I wanted it static for the hold page as the current look has the Gradient for the left menu and then it goes to my solid color.

    Thanks!

    Reply
  31. Nyla

    Oh no, sorry for the bother Ed, but I am still having a bit of difficulty.

    I was trying to widgetize the Header to include a Text Box but I got a series of warnings. I put my saved files back into the header.php and functions.php files but I still get this error below:

    Warning: Cannot modify header information – headers already sent by (output started at /home/xxxxxxxx/public_html/wp-content/themes/tpsunrise child/functions.php:9) in /home/xxxxxxx/public_html/wp-includes/pluggable.php on line 881

    1) how can I get rid of this error?

    2) is it possible to add a Text Box to the header? I’d like to add more information about my site in this box.

    Any help would be greatly appreciated.

    Thanks!

    Reply
    • Nyla

      Okay, fixed this last one (warning). . .but all of this occurred as I am still trying to modify the header. I really need more space for my “tagline” or additional information. I caused myself more than a bit of trouble trying to widgetize the header.. .

      Reply
  32. Nyla

    Ed, I have found a way to resolve or work around most of my issues. I do appreciate the support here and recognize that we need to ultimately learn how to customize or hire someone to do it for us.

    However, I do still have one pesky item that plagues me. I have tried every approach I could find to eliminate the word “Home” from the home page but I have yet to figure this one out. Would you mind giving some insight at to where the relevant code resides and how we might edit it to achieve this?

    Thanks again. I am sure I will use this theme for several other sites as I still like it very much.

    Reply
    • ed

      Yes, if you’re not using a child theme add the following to custom.css:
      #left_col ul li a {
      color: #180509;
      }
      #right_col ul li a:hover {
      color: #507AA5;
      }
      #right_col ul li a {
      color: #507AA5;
      text-decoration: none;
      }

      The first section sets the color for the left sidebar menus, the second section sets the color for the right sidebar links and the final section sets the color when the right sidebar links are hovered. You’ll need to change the color code to the color you wish.

      Reply
  33. Camilla

    Hi Ed, thank you for this theme! There are so few themes with a vertical menu!
    I’d like to know if there is a way to change the text colour of the active link of the menu…
    I can’t manage it… 🙁

    Thank you in advance!
    Camilla

    Reply
    • ed

      The color of the menu links is set in line 183 of style.css:
      #left_col ul li a {
      color: #180509;
      text-decoration: none;
      }

      Just change the hex code after color: to the color you wish. All black would be #000000.

      Reply
  34. steve_godalming

    Like everybody says – GREAT THEME – and more flexible than I first realised.

    One query if you have time –

    Can you explain how to have just the right hand column containing all the comment/archive information JUST on one page and the remaining pages have the content area enlarged across to the right hand margin.

    Hope this makes sense – steve

    Reply
    • ed

      If you want the sidebar to appear only on specific pages. That will require either a plugin or a child theme. If you want to go the child theme route, modify sidebar.php. If you would prefer a plugin, I like the Woo Sidebars functionality in WooDojo.

      Reply
  35. Golden

    I’m creating a website using your wonderful theme, however I’ve run into a small issue. I’m using a custom image for the header (actually one of your great images) that includes the site title, etc. and when I uncheck “Show header text with your image” it also loses its link to the home page. Can you help? TIA!

    Reply
    • ed

      Without modifications the only link to the home page in the header is the site title. You can link the entire header image but that will require a child theme with some code changes.

      Reply
  36. Guillaume

    Hi,
    I try to use your wonderful template with xili multilanguage 2.8 plugin on WP 3.5.2 .. but actually, i don’t see on the menu settings the language appear .. have you already tested this possibility ?

    Thanks in advance,
    Bests,
    Guillaume.

    Reply
    • ed

      The theme was written with multiple languages in mind but I haven’t tested that functionality other than through the standard features as documented in the codex at http://codex.wordpress.org/I18n_for_WordPress_Developers. I haven’t used this plugin but am interested in the results you’re seeing. Can you email me your .po or .mo file(s) and I’ll see what I can find out.

      Reply
  37. g s sehgal

    Good Theme.
    I want to make entire header image clickable.I am not using Title/slogan etc,the full header is an image.
    I tried to edit header.php, but couldn’t succeed. Can someone guide how to do it.

    Reply
    • ed

      The header is actually an image on top of a background color. The image can be clickable, but the entire background cannot be clickable. If you want to make your header image clickable, you’ll need to create a child theme and modify header.php to add anchor tags around the header image.

      Reply

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>