ThemeShaper Forums: Recent Topics

ThemeShaper Forums: Recent Topics http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 09 Sep 2010 14:15:49 +0000 katedavis on "Unstable css" http://themeshaper.com/forums/topic/unstable-css#post-15399 Mon, 06 Sep 2010 11:52:44 +0000 katedavis 15399@http://themeshaper.com/forums/ Firstly, I'd like to thank you for the development of Thematic. It is so easy to use it has given me hope I can develop my own theme after my previous attempts have all failed as the Wordpress code was updated just before I finished! However, my desires are higher than my ability so I resort to copy, paste and 'fiddle' until I get what I want. I've been trying to recreate the theme I built for WP2.6 and have got pretty far, but I've got stuck with my styling. The site I'm playing at is <a href="http://katedavisonline.com/peter/" rel="nofollow">http://katedavisonline.com/peter/</a> and I've successfully moved the menu to the top of the page and created 3 widget areas in the header. However you can see I have some problems: * my styling of the menu is different on every computer and browser I use * the 3 widget areas should be in a row (and they were until I styled the footer) * there should be a white background behind the 3 header widgets (there was until I style the footer) I'm sure these can all be solved with some changes to the css file, but I haven't discovered what through 'fiddling'. Any help would be appreciated so I can have a new theme for the first time since 2007! michieldoetjes on "Inserting post-thumbnails in Thematic" http://themeshaper.com/forums/topic/inserting-post-thumbnails-in-thematic#post-10582 Tue, 09 Mar 2010 07:56:21 +0000 michieldoetjes 10582@http://themeshaper.com/forums/ Hi! I'm relatively new to Thematic. I'm amazed by how powerful this framework is and how easy it is to build your own child-themes. I want to add post thumbnails to my child theme, but I'm struggling getting it right. Steps I took: 1. I added the thumbnail function to my functions.php using the following code: add_theme_support('post-thumbnails'); 2. I added the call for the thumbnail to my customized post-header (function: mdv5_postheader) using the following code: $postmeta .= the_post_thumbnail(); 3. And this is where the problem starts: it doesn't matter where in the postheader I place the call for the thumbnail, it automatically places the thumbnail above the post-title. Any ideas on what I might be doing wrong? helgatheviking on "Thematic Menus Demystified" http://themeshaper.com/forums/topic/thematic-menus-demystified-1#post-15281 Tue, 31 Aug 2010 22:15:54 +0000 helgatheviking 15281@http://themeshaper.com/forums/ Menus seem to generate the most questions and since there have been many threads in the last couple of days, i have decided to lump all the stuff I have together in 1 place. All the functions go in the functions.php file of your child folder! The style rules i have included go in your child's style.css. If it is deemed worthy, perhaps it can get stickied. If you see any code errors, point them out. But if you need support or are having issues, I think creating your own thread would be best. That way, future people won't need to wade through everything to get to updates to this post. (not that significant wading isn't required for this post... it is long!). Things I am going to cover: 1. Moving the menu 2. Adding a Home link 3. using a single wordpress 3.0 menu 4. filter your 3.0 menu's arguments 5. use more than one 3.0 menu 6. css styling 7. filtering away superfish dropdowns 8. modifying superfish to show little arrows to indicate a sub menu And lets begin... 1. Moving the Menu above the header moving the default menu is a matter of removing the respsonible function (in this case thematic_access() ) from its current position and adding it back to a different hook. <pre><code>// Remove the standard Thematic menu function remove_menu() { remove_action('thematic_header','thematic_access',9); } add_action('init', 'remove_menu'); // Moving the thematic menu above the header add_action('thematic_aboveheader','thematic_access');</code></pre> you could also re-write the whole access function, but i don't do this often anymore, so i will refer you to Ian's post instead to attempt to keep this thread under control <a href="http://themeshaper.com/wordpress-menu-tricks/" rel="nofollow">http://themeshaper.com/wordpress-menu-tricks/</a> 2. Adding a Home Link Switching the default wp_list_pages() menu to wp_page_menu so that a home link can be added. because this changed between the old and new versions of thematic i will do it both ways. Thematic 0.9.6.4 <pre><code>// Adds a home link to your menu in Thematic 0.9.6.4 function childtheme_menu_args($args) { $args = array( 'show_home' => 'Home', 'sort_column' => 'menu_order', 'menu_class' => 'menu', 'echo' => true ); return $args; } add_filter('wp_page_menu_args','childtheme_menu_args');</code></pre> Thematic 0.9.7.4 This is almost identical. EXCEPT the echo parameter must now be set to FALSE. Chris explains why here: <a href="http://developing.thematic4you.com/2010/04/breaking-things-to-fix-others/" rel="nofollow">http://developing.thematic4you.com/2010/04/breaking-things-to-fix-others/</a> just know that it has to do w/ adding the sf-menu class to the ul that contains the menu. w/o that sf-menu class you will probably notice that your menu loses all its default style. <pre><code>// Adds a home link to your menu in Thematic 0.9.7.4 function childtheme_menu_args($args) { $args = array( 'show_home' => 'Home', 'sort_column' => 'menu_order', 'menu_class' => 'menu', 'echo' => false ); return $args; } add_filter('wp_page_menu_args','childtheme_menu_args');</code></pre> 3. Wordpress 3.0 Menus for Thematic 0.9.7.4 My favorite resource on 3.0 menus is: <a href="http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus" rel="nofollow">http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus</a> if you want to use the new 3.0-style menus then you need to get the newer Thematic: <a href="http://developing.thematic4you.com/thematic-development-release/" rel="nofollow">http://developing.thematic4you.com/thematic-development-release/</a> if you only need 1 menu it is very easy to switch out the thematic #accesss menu for a 3.0-style menu. some older posts and tutorials will mention needing to use <pre><code>add_theme_support( 'nav-menus'); //OR add_theme_support( 'menus' );</code></pre> in order to activate menus. but this is now NOT advised. <a href="http://themeshaper.com/forums/topic/add_theme_supportmenus" rel="nofollow">http://themeshaper.com/forums/topic/add_theme_supportmenus</a> the following is all you need to get a single 3.0 menu to replace the default thematic #access menu. Enable 1 wordpress 3.0 Menu in the Thematic #access <pre><code>// change Thematic #access menu for a Wordpress 3.0 menu function child_access_menu() { $menu_sys = 'wp_nav_menu'; return $menu_sys; } add_filter('thematic_menu_type', 'child_access_menu');</code></pre> charlietounah on "Help repositioning a plugin from within 'content' to above container" http://themeshaper.com/forums/topic/help-repositioning-a-plugin-from-within-content-to-above-container#post-15430 Tue, 07 Sep 2010 17:15:09 +0000 charlietounah 15430@http://themeshaper.com/forums/ Hi, I'm using Thematic with a child theme. I discovered a plugin that retrieves stock information and displays it in a site. It works perfectly when the data it's looking for (a stock symbol surrounded by double brackets) appears in either a post or a page. The code governing this is as follows: <code>add_filter('the_content', 'tickerData', 8);</code> Now, in page.php, I'm trying to put the stock data in between <code> thematic_abovecontainer();</code> and <code><div id="container"></code>, so that I can set up a marquee that spans the main container and sidebar areas. I'm thinking that I need to change the first argument in the add_filter statement above, but I'm not sure what to change it to. Can someone help? Thanks in advance, Charlie T. Seijun on "Editting template files?" http://themeshaper.com/forums/topic/editting-template-files#post-15476 Thu, 09 Sep 2010 03:13:28 +0000 Seijun 15476@http://themeshaper.com/forums/ Child themes have worked really well for customizing the CSS of my thematic site, and the functions.php is ok for making small structural changes. However, I'm having a real problem when it comes to changing or adding to the structure of my site. I'm not sure the right words for it, but whenever I try to follow instructions for adding some new feature to my site, I run into the dreaded "now add xxx to your index.php" step. I can't do that of course because all those template files are overwritten whenever thematic upgrades itself. What am I supposed to do? For example, right now I'm trying to follow the instructions here: <a href="http://net.tutsplus.com/tutorials/wordpress/introducing-wordpress-3-custom-taxonomies/" rel="nofollow">http://net.tutsplus.com/tutorials/wordpress/introducing-wordpress-3-custom-taxonomies/</a> and it calls for me to edit several template files. How do I get around that without actually editing any of thematic's core files? I have the same problem trying to change stuff in the thematic "extensions" files. What I have done requires massive amounts of code to be added to my functions.php (99% of which is greek to me), and all to achieve only the most minute changes. Isn't there an easier way? jcollier on ""Older posts" link broken in search results" http://themeshaper.com/forums/topic/older-posts-link-broken-in-search-results#post-13917 Thu, 15 Jul 2010 19:52:08 +0000 jcollier 13917@http://themeshaper.com/forums/ I am seeing a page-not-found error using WP 3.0 multisite with Thematic 0.9.6.2. The URL for the first page of search results is: <a href="http://DOMAIN.com/SITE?s=SEARCHTERM&searchsubmit=Search" rel="nofollow">http://DOMAIN.com/SITE?s=SEARCHTERM&searchsubmit=Search</a> The "Older posts" link is: <a href="http://DOMAIN/SITE/SITE/page/2/?s=SEARCHTERM&searchsubmit=Search" rel="nofollow">http://DOMAIN/SITE/SITE/page/2/?s=SEARCHTERM&searchsubmit=Search</a> The site name is repeated twice. This results in a redirection error. I manually entered the following URL and the search result worked: <a href="http://DOMAIN/SITE/page/2/?s=SEARCHTERM&searchsubmit=Search" rel="nofollow">http://DOMAIN/SITE/page/2/?s=SEARCHTERM&searchsubmit=Search</a> I was thinking of adding a function in my child theme to replace the URL construction, but I didn't figure out where that is generated, and I know I shouldn't make changes to the core Thematic files. Has this been discussed before? (If so, I could find it.) Any suggestions? -Jay jamesObZ on "Help Adding an Image Border!" http://themeshaper.com/forums/topic/help-adding-an-image-border#post-15387 Sun, 05 Sep 2010 18:33:22 +0000 jamesObZ 15387@http://themeshaper.com/forums/ Hi, I am trying to add a border to my images but when i select the option to add a border within the image properties nothing happens. I am guessing this is because some CSS code is over riding it? Please help me resolve this, i have limited knowledge about code! FYI, my site can be found here: <a href="http://www.keyword-elite-reviewed.com/" rel="nofollow">http://www.keyword-elite-reviewed.com/</a> Many thanks, James charlietounah on "styling not working in chrome or Safari" http://themeshaper.com/forums/topic/styling-not-working-in-chrome-or-safari#post-15473 Thu, 09 Sep 2010 01:34:02 +0000 charlietounah 15473@http://themeshaper.com/forums/ Hi, I've been styling a site (thematic with a child theme), and have been testing in various browsers. In working with a specific page, using Firebug I saw a class of "slug-pagename", which I'm successfully able to style such that changes appear in IE, Firefox, & Opera; but they don't show up at all in Chrome or Safari. I tried styling on the "wordpress" class, and on the "pageid-5" class, and nothing is showing up. Does anyone have any ideas? I would really appreciate any help. Thank you, Charlie T. Anjaloo on "Link to blog when feature site is on" http://themeshaper.com/forums/topic/link-to-blog-when-feature-site-is-on#post-15472 Thu, 09 Sep 2010 01:09:05 +0000 Anjaloo 15472@http://themeshaper.com/forums/ I decided to use the thematic theme with the thematicfeaturesite child theme. Well, i guess my question is more general, but i never understood how to do following thing: When i choose a static page on the first site, how can i link to the blog? I know how to link to a category or something, but the whole blog? Help would be appreciated. - Anja zhafran on "How to add superfish menu?" http://themeshaper.com/forums/topic/how-to-add-superfish-menu#post-15459 Wed, 08 Sep 2010 16:50:47 +0000 zhafran 15459@http://themeshaper.com/forums/ Hello there, I'm a thematic newcomer and I'm sorry for this stupid basic question - how to add superfish menu function in thematic child theme? I've search in this forum but not found this basic question. People talk on advance topic in this superfish thing. Hopefully someone can help me :D tapeter on "Category fetching problem with cats_meow function" http://themeshaper.com/forums/topic/category-fetching-problem-with-cats_meow-function-1#post-15466 Wed, 08 Sep 2010 21:16:54 +0000 tapeter 15466@http://themeshaper.com/forums/ The cats_meow function seems to be failing to register a current category (Teachers), and consequently it is displaying 'Also posted in Teachers' while in the teachers category. (This is not a problem with other categories, such as 'News). I think it has something to do with that I run an additional query (to sort my posts alphabetically). I've pasted the code of my loop below. I'm a PHP newbie, so I don't know much about the interaction of multiple queries, loops, and the scope of variables. Can someone help shed some light on the problem? Thanks so much in advance! Sincerely, Tim <blockquote> <?php the_post(); ?> <h1 class="page-title"><?php single_cat_title() ?></h1> <?php $categorydesc = category_description(); if ( !empty($categorydesc) ) echo apply_filters( 'archive_meta', '<div class="archive-meta">' . $categorydesc . '</div>' ); ?> <?php rewind_posts(); ?> <?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?> <div id="nav-above" class="navigation"> <div class="nav-previous"><?php next_posts_link(__( '« Older posts', 'your-theme' )) ?></div> <div class="nav-next"><?php previous_posts_link(__( 'Newer posts »', 'your-theme' )) ?></div> </div><!– #nav-above –> <?php } ?> <?php if(is_category('teachers')){ query_posts('meta_key=sortname&orderby=meta_value&order=ASC'); } ?> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h2 class="entry-title"><a>" title="<?php printf( __('Permalink to %s', 'your-theme'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="entrytext"> <?php the_content( __( 'Continue reading »', 'your-theme' ) ); ?> </div><!– .entrytext –> <div class="entry-utility"> <?php if ( $cats_meow = cats_meow(', ') ) : ?> <?php printf( __( 'Also posted in %s', 'your-theme' ), $cats_meow ) ?> | <?php endif ?> <?php if(is_category('news')){ the_tags( '' . __('Tagged ', 'your-theme' ) . '', ", ", " | \n" ); echo "Posted on "; echo the_date(); echo ""; } ?> <?php edit_post_link( __( 'Edit', 'your-theme' ), "|\n\t\t\t\t\t\t", "\n\t\t\t\t\t\n" ) ?> </div><!– #entry-utility –> </div><!– #post-<?php the_ID(); ?> –> <?php endwhile; ?> </blockquote> tapeter on "Category fetching problem with cats_meow function" http://themeshaper.com/forums/topic/category-fetching-problem-with-cats_meow-function#post-15465 Wed, 08 Sep 2010 21:16:53 +0000 tapeter 15465@http://themeshaper.com/forums/ The cats_meow function seems to be failing to register a current category (Teachers), and consequently it is displaying 'Also posted in Teachers' while in the teachers category. (This is not a problem with other categories, such as 'News). I think it has something to do with that I run an additional query (to sort my posts alphabetically). I've pasted the code of my loop below. I'm a PHP newbie, so I don't know much about the interaction of multiple queries, loops, and the scope of variables. Can someone help shed some light on the problem? Thanks so much in advance! Sincerely, Tim <blockquote> <?php the_post(); ?> <h1 class="page-title"><?php single_cat_title() ?></h1> <?php $categorydesc = category_description(); if ( !empty($categorydesc) ) echo apply_filters( 'archive_meta', '<div class="archive-meta">' . $categorydesc . '</div>' ); ?> <?php rewind_posts(); ?> <?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?> <div id="nav-above" class="navigation"> <div class="nav-previous"><?php next_posts_link(__( '« Older posts', 'your-theme' )) ?></div> <div class="nav-next"><?php previous_posts_link(__( 'Newer posts »', 'your-theme' )) ?></div> </div><!– #nav-above –> <?php } ?> <?php if(is_category('teachers')){ query_posts('meta_key=sortname&orderby=meta_value&order=ASC'); } ?> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h2 class="entry-title"><a>" title="<?php printf( __('Permalink to %s', 'your-theme'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="entrytext"> <?php the_content( __( 'Continue reading »', 'your-theme' ) ); ?> </div><!– .entrytext –> <div class="entry-utility"> <?php if ( $cats_meow = cats_meow(', ') ) : ?> <?php printf( __( 'Also posted in %s', 'your-theme' ), $cats_meow ) ?> | <?php endif ?> <?php if(is_category('news')){ the_tags( '' . __('Tagged ', 'your-theme' ) . '', ", ", " | \n" ); echo "Posted on "; echo the_date(); echo ""; } ?> <?php edit_post_link( __( 'Edit', 'your-theme' ), "|\n\t\t\t\t\t\t", "\n\t\t\t\t\t\n" ) ?> </div><!– #entry-utility –> </div><!– #post-<?php the_ID(); ?> –> <?php endwhile; ?> </blockquote> 4speed on "Invalid markup when using Ozh who sees ads with Thematic" http://themeshaper.com/forums/topic/invalid-markup-when-using-ozh-who-sees-ads-with-thematic#post-15462 Wed, 08 Sep 2010 17:29:40 +0000 4speed 15462@http://themeshaper.com/forums/ Hi, When I try validating my site I get the following error: "…i id="ad-apsr" class="widgetcontainer lambda_32"><script type="text/javascrip…" "You have used an illegal character in your text." The site is <a href="hxxp://universalflatpanelmount.com" rel="nofollow">hxxp://universalflatpanelmount.com</a> (replace "hxxp" with "http"). This happens when I add the widget Ozh Who Sees Ads to the primary aside. When I remove the Ozh widget it does validate. Is there some code I can edit to fix this issue or something else I need to do? Not sure if it is template related or specific to the plugin. nimrod on "If/Else Conditional Problem via Functions.php Child Theme" http://themeshaper.com/forums/topic/ifelse-conditional-problem-via-functionsphp-child-theme#post-15340 Sat, 04 Sep 2010 00:24:06 +0000 nimrod 15340@http://themeshaper.com/forums/ I've used this if/else code with More Fields plugin before within template files before with success, but am having problems with using in functions.php file in Thematic child theme. Would someone mind staring at this code with me for a moment and tell me where the problem is? It might be just some php syntax problem I'm unaware of (as opposed to More Fields oriented). ___________ Here's an example that looks for data in the author-website field and, if available, wraps that data in an anchor tag with the author-name data as the link text. Otherwise, it just displays the author-name data: <pre><code><?php $author-website = get_post_meta($post->ID, 'author-website', true); if ($author-website) { print '<a href="http://'; echo get_post_meta(get_the_ID(), 'author-website', true); print '" title="View author&rsquo;s website">'; echo get_post_meta(get_the_ID(), 'author-name', true); print '</a>'; } else { echo get_post_meta(get_the_ID(), 'author-name', true); } ?></code></pre> Problem is, I get a syntax error about an unexpected "=" in the first line. If I put in double equals "==" in the first line like so: <code><?php $author-website == get_post_meta($post->ID, 'author-website', true);</code> ...the page shows but ignores the first "if" section and only shows the "else" part which is just the author's name with no link even when there IS website data. ____________ Any ideas on what about using the above code in a child theme functions.php file would cause this...? SBr on "autufocus+ no parent theme" http://themeshaper.com/forums/topic/autufocus-no-parent-theme#post-15455 Wed, 08 Sep 2010 15:15:33 +0000 SBr 15455@http://themeshaper.com/forums/ Hi, I"m new to WP and I want to create a photo gallery. I installed the free version of autofocusplus and I get this message: "Broken Themes The following themes are installed but incomplete. Themes must have a stylesheet and a template. Name Description AutoFocus+ The parent theme is missing. Please install the "thematic" parent theme." I re-uploaded it a few times, have the newest version of WP 3.0.3. Can someone help me on this??? Thanks! knowlsy on "Different Menu Images" http://themeshaper.com/forums/topic/different-menu-images#post-14760 Mon, 16 Aug 2010 20:48:51 +0000 knowlsy 14760@http://themeshaper.com/forums/ I'm fairly new to css but am managing to find out how to tweak the things i want to tweak while messing around with a few child themes. I am however stuck on my menu... I want different coloured buttons for different pages (which will subsequently be the colour of the menu tab, but i think i can work that bit out). My menu is going to be pretty static, so it doesn't have to be something that updates itself when new pages appear. I think I'll have to use some images as I want to curve my buttons at the top (and for some reason can't get curvy corners working to display them in ie). If anyone could give me some pointers I'd appreaciate it! I've read lots of bits and bobs out there but can't my head around it like I'm managing with other issues. Thanks! Chris jrobben on "Step by Step - style a horizontal superfish menu w sample code" http://themeshaper.com/forums/topic/step-by-step-style-a-horizontal-superfish-menu-w-sample-code#post-8024 Mon, 23 Nov 2009 15:48:22 +0000 jrobben 8024@http://themeshaper.com/forums/ I hope this can help save someone some of the time I wasted .. lol. I have not spent any time refining the look of my sample menu but it should give a decent starting point. The child and grandchild menus are under About -> our company This is a step by step instruction for creating a custom horizontal superfish menu With this selection there are 6 thing you can customize easily to get a wide range of looks the height of the menu the font size/type Background color/image hover color/image child menu items color/image grandchild menu items color/image Ian, chris or some of the other css wizards could polish the css code up and maybe I will followup with arrows and shadowing if there is enough interest. I think a full on tutorial for superfish and thematic would be a great addition, that could address arrows, shadowing and changing the display defaults like dissolve rates in a similar manner. I have used 3 images with gradients, but you could delete the links to those and just go with flat background colors. This is what I ended up with, it is still a rough draft but good enough for me at the moment. <a href="http://www.besthealthsupplies.com" rel="nofollow">http://www.besthealthsupplies.com</a> you will need to decide the height of your menu strip and the font size. The images and codes included are 42px high. This can be any height you want with some simple editing Strip all superfish menu css styling, anything sf- and your #access div style from your style.css and default.css files add this import file command near the top of your style.css file -- @import URL('superfish-themed.css'); if you are going to use images you can start with these: <a href="http://www.rradvice.com/wp-content/themes/RRadvice/images/access-blue-42.gif" rel="nofollow">http://www.rradvice.com/wp-content/themes/RRadvice/images/access-blue-42.gif</a> <a href="http://www.rradvice.com/wp-content/themes/RRadvice/images/access-palelightblue-42.gif" rel="nofollow">http://www.rradvice.com/wp-content/themes/RRadvice/images/access-palelightblue-42.gif</a> <a href="http://www.rradvice.com/wp-content/themes/RRadvice/images/access-bblue-42.gif" rel="nofollow">http://www.rradvice.com/wp-content/themes/RRadvice/images/access-bblue-42.gif</a> create a folder named " images " in your child theme directory and save them there create a new file called superfish-themed.css and save it to your child directory. Change the border style between the menu items if you want to - see comments in css code copy the following code to the superfish-themed.css file. Load them to your server and you should be good to go <pre><code>/* Theme Name: Theme URI: Description: Author: Template: thematic Version: */ /*** Overall section ***/ #access { /* Sets the background for the menu division - called access in thematic */ height:42px; /* this sets the height of your menus */ font-size:16px; overflow:visible; z-index:100; background:#CFFBFF URL(images/access-blue-42.gif) repeat scroll 0 0; /* sets the color outside of your menu items - if you do not want to use images, you can replace the background lines with something like -- background: blue; -- */ } .skip-link { /* for accessibility */ display:none; } /*** ESSENTIAL STYLES positioning***/ /*coloring etc .. now handled by Theme section */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; background:#CFFBFF URL(images/access-bblue-42.gif) repeat scroll 0 0; /* hover effect - might not be needed duplicates lower entry **/ } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /******* Theme Specific SKIN *********/ .sf-menu { float: left; margin-bottom: 1em; list-style: none; /* this keeps the dots from showing after each menu item */ } .sf-menu a { border-left: 1px solid #fff; /* change this to match your color or delete if you do not want dividers between menu selections */ border-top: 0px solid #CFDEFF; padding: .75em 1em; text-decoration:none; /*so your menu items are not underlined */ } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #0021BF; /*** main font color **/ } /* - sets the background of the page you are on */ .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { border-bottom-color:#fff; background: #000000 url(images/access-lightblue-42.gif) repeat scroll 0 0; } .sf-menu li { /*this is the one that sets the top level background to blue */ background: #BDD2FF; background:#CFFBFF url(images/access-blue-42.gif) repeat scroll 0 0; list-style:none; } .sf-menu li li { /* this colors the 2nd level menus set to very light*/ background:#CFFBFF url(images/access-palelightblue-42.gif) repeat scroll 0 0; } .sf-menu li li li { /* this sets the grandchild menus to very light */ background:#CFFBFF url(images/access-palelightblue-42.gif) repeat scroll 0 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; Color: #FF4B4B; /*** redish **/ background: #CFFBFF url(images/access-bblue-42.gif) repeat scroll 0 0; /* this is the one that makes the hover work */ } /**** arrows and shadows not displaying in this version *****/ /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ background:#CFFBFF url(images/access-bblue-42.gif) repeat scroll 0 0; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ background:#CFFBFF url(images/access-bblue-42.gif) repeat scroll 0 0; } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; }</code></pre> mogito2000 on "Add h1 title to Blog page" http://themeshaper.com/forums/topic/add-h1-title-to-blog-page#post-15450 Wed, 08 Sep 2010 13:31:48 +0000 mogito2000 15450@http://themeshaper.com/forums/ Hi there, Im struggling to get Blog page title to show. I have set the title for the page in Admin but it doesnt seem to be coming through. All other pages seem to show the title of the page. Is this default? What should i be doing in functions.php to get the title of the Blog page coming through? Thank you for any help provided. Mogito guyk on "Thematic function (custom CSS) to TinyMCE" http://themeshaper.com/forums/topic/thematic-function-custom-css-to-tinymce#post-15449 Wed, 08 Sep 2010 13:07:54 +0000 guyk 15449@http://themeshaper.com/forums/ hello i find this function and i want to use it with thematic to add some function(custom CSS) to TinyMCE i think i have to transform to thematic function can you give me the good way to do it thanks guy <a href="http://www.wdmac.com/how-to-use-custom-styles-in-the-word-press-post-editor" rel="nofollow">http://www.wdmac.com/how-to-use-custom-styles-in-the-word-press-post-editor</a> Editing you theme’s functions.php /* Custom CSS styles on WYSIWYG Editor – Start ======================================= */ if ( ! function_exists( ‘myCustomTinyMCE’ ) ) : function myCustomTinyMCE($init) { $init['theme_advanced_buttons2_add_before'] = ‘styleselect’; // Adds the buttons at the begining. (theme_advanced_buttons2_add adds them at the end) $init['theme_advanced_styles'] = ‘Float Left=fleft,Float Right=fright’; return $init; } endif; add_filter(‘tiny_mce_before_init’, ‘myCustomTinyMCE’ ); add_filter( ‘mce_css’, ‘tdav_css’ ); // incluiding the Custom CSS on our theme. function mycustomStyles(){ wp_enqueue_style( ‘myCustomStyles’, get_bloginfo(‘template_url’).’/mycustomstyles.css’, ”,”,’all’ ); /*adjust this path if you place “mycustomstyles.css” in a different folder than the theme’s root.*/ } add_action(‘init’, ‘mycustomStyles’); /* Custom CSS styles on WYSIWYG Editor – End ======================================= */ matteoc on "Display Subpages in Pages with smart layout with title, summary and link" http://themeshaper.com/forums/topic/display-subpages-in-pages-with-smart-layout-with-title-summary-and-link#post-15447 Wed, 08 Sep 2010 11:17:45 +0000 matteoc 15447@http://themeshaper.com/forums/ I am sorry to bore you with this question, probably it requires just basic WP theme customization. I would like to create, before the footer of each of my pages, a smart display of the subpages of said page. I would like to have the first few lines of the subpages displayed, along with the title and a link to "read more" of the page. Ideally this would use a 2 column layout so to display the different subpages in a sort of grid. I have tried a number of plugins that allow to list the subpages (titles only). What I am specifically looking for is a way to provide also a summary of the text of the page and a separate link to go to the subpage. Thank you so much for your help. Seijun on "WP3 Custom Taxonomies and Thematic" http://themeshaper.com/forums/topic/wp3-custom-taxonomies-and-thematic#post-15446 Wed, 08 Sep 2010 10:38:18 +0000 Seijun 15446@http://themeshaper.com/forums/ Hi all, I've been looking at the examples <a href="http://net.tutsplus.com/tutorials/wordpress/introducing-wordpress-3-custom-taxonomies/">here</a> and <a href="http://www.1stwebdesigner.com/wordpress/essential-guide-wordpress-custom-taxonomies/">here</a> showing how Custom Taxonomies can be used in Wordpress postings. I would like to do something similar but I don't know if it's possible in the way I would be using it. Here is one of my WP posts: <a href="http://wolfdogrescue.net/adoption/all-available/balto-fl/" rel="nofollow">http://wolfdogrescue.net/adoption/all-available/balto-fl/</a> Where it says "Location" and "Contact" I would like those to be the taxonomy classifications and link to the pages with other posts in the same classification (i.e. all other posts with the same location or contact). Is it even possible to position a post's taxonomy classification within the content like that? Should I even be using Custom Taxonomies for something like this, or is there another method that would work better? Jamie Mitchell on "Lining up thematic logo/menu horizontally using css" http://themeshaper.com/forums/topic/lining-up-thematic-logomenu-horizontally-using-css#post-15444 Wed, 08 Sep 2010 06:45:48 +0000 Jamie Mitchell 15444@http://themeshaper.com/forums/ Howdy all... ok, a lot of folks need a menu on the right and a logo on the left. where as thematic by default has the menu under the logo. thanks to some of Ian's clever coding tactics on themeshaper itself i have come up with this solution very quickly. hope i explain things ok, let me know if you find any issues. <pre><code>/* this is a base to horizontally line up your logo and menu, you will need to adjust where required for your own individualy site... first you will need to import one of the thematic layouts to your childtheme style.css as margins and widths are used, then copy the thematic default.css to your childtheme style.css, then change the css as below*/ #header { border-bottom:1px solid #CCCCCC; z-index:2; } #branding { padding:40px 0; position:relative; } #access { /*nothing here*/ } .menu { left:50%; margin-left: -470px; position:absolute; top:50px; } .sf-menu { border-right:1px solid #ccc; float:right; }</code></pre> adamvonwillis on "Moving the "Leave a Comment" link to top of post" http://themeshaper.com/forums/topic/moving-the-leave-a-comment-link-to-top-of-post#post-15438 Wed, 08 Sep 2010 01:41:34 +0000 adamvonwillis 15438@http://themeshaper.com/forums/ I have been searching through the forum (and the rest of the internet) for the answer, but I just can't find it. Maybe I'm daft. I'm trying to move the "Leave a Comment" or "# comment/s" link to the top of the post under the title of the post. I guess I would have to move that link from the .entry-utility to the .entry-meta. I can't figure out how to do this. The end result would look like this: <blockquote>By ADAM WILLIS | Published: JULY 30, 2010 | Leave a comment</blockquote> Any help would be greatly appreciated! mogito2000 on "How to add a DIV tag inside a function" http://themeshaper.com/forums/topic/how-to-add-a-div-tag-inside-a-function#post-15420 Tue, 07 Sep 2010 12:18:09 +0000 mogito2000 15420@http://themeshaper.com/forums/ Hello, Im having trouble adding a div tag with a funtion. This is the code im trying to use: <pre><code>function child_primary_aside() { if (is_single()) { <DIV TAG TO GO HERE?? > $posttitle = '<h2>Project Information'; $posttitle .= "</h2>"; echo $posttitle; the_excerpt(); <DIV TAG TO END HERE?? /> } elseif (is_active_sidebar('primary-aside')) { echo thematic_before_widget_area('primary-aside'); dynamic_sidebar('primary-aside'); echo thematic_after_widget_area('primary-aside'); } }</code></pre> All i get when using this is a white screen. Is it possible to add DIV tags inside funtions?? If not, how would one go about doing this?? Thanks for any advice given. Mogito ridgely on "Tip: Modify Thematic Page-Title" http://themeshaper.com/forums/topic/tip-modify-thematic-page-title#post-15431 Tue, 07 Sep 2010 17:19:25 +0000 ridgely 15431@http://themeshaper.com/forums/ Every two or three weeks, I'll see a question around here pertaining to <code>thematic_page_title</code> which you see at the top of thematic archive, category and tag pages. Usually the question is about removing the "Category/Tag/Search Archive:" text. But if you're like me, you have to make things even more complex. In my case, I wanted my page titles to not look quite so much like afterthoughts (apologies to our Noble Builder, Mr. Stewart). I also wanted the <code><div class="archive-meta"></code> on the same line with the page title. This caused a CSS problem with display, causing the actual posts to ride up next to the description. So I needed an additional <code>div</code> around <code>h1</code> and <code><div class="archive-meta"></code> so I could keep the page title and description in line and keep the page content from crawling up next to them. In my <code>functions.php</code> file: <blockquote><pre><code>function childtheme_page_title() { if (is_category()) { $content .= '<div class="archive-head">'; /*Begin encompassing div*/ $content .= '<h1 class="page-title">'; $content .= __('', 'thematic'); /*This removes the "Category Archives:" text*/ $content .= ' '; $content .= single_cat_title('', FALSE); $content .= '</h1>';/*End Category Archive Title*/ $content .= '<div class="archive-meta">';/*Begin Category Description*/ if ( !(''== category_description()) ) : $content .= apply_filters('archive_meta', category_description()); endif; $content .= '</div></div>' . "\n"; /*End description and close encompassing div*/ } elseif (is_tag()) { $content .= '<div class="archive-head">';/*Same deal*/ $content .= '<h1 class="page-title">'; $content .= __('', 'thematic'); $content .= ' '; $content .= single_tag_title('', FALSE); $content .= '</h1>'; $content .= '<div class="archive-meta">'; if ( !(''== tag_description()) ) : $content .= apply_filters('archive_meta', tag_description()); endif; $content .= '</div></div>' . "\n"; } elseif (is_tax()) { global $taxonomy; $content .= '<div class="archive-head">'; $content .= '<h1 class="page-title">'; $tax = get_taxonomy($taxonomy); //$content .= $tax->labels->name . ' ';/*Hides the actual taxonomy name*/ $content .= __(' ', 'thematic'); $content .= ''; $content .= thematic_get_term_name();/*Similar to single_cat_title*/ $content .= '</h1>'; $content .= '<div class="archive-meta">'; if ( !(''== term_description()) ) : $content .= apply_filters('archive_meta', term_description()); endif; $content .= '</div></div>' . "\n"; } return $content; } add_filter('thematic_page_title', 'childtheme_page_title');</code></pre> </blockquote> Here's the CSS: <blockquote><pre><code>/*=====CATEGORY ARCHIVE PAGE TITLES + DESCRIPTIONS====*/ .archive-head { margin: 0 auto; width: 560px; float: none; clear: both; overflow: hidden; padding-bottom: 22px; } h1.page-title { width: 200px; float: left; clear: none; margin: 6px 10px 11px 0; padding: 0 10px 0 0; background: url('images/bracket.png') no-repeat scroll top right #fff; height: 70px; } h1.page-title span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.675em; line-height: 1.125em; font-weight: normal; font-style: normal; } /* Styles Category Archive Descriptions */ .archive-meta { width: 330px; float: left; padding: 0; margin: 0 0 11px 0; font-style: italic; } .archive-meta p { font-size: 1em/16px; line-height: 1.375em/22px; padding: 0 10px; } h1.page-title span, h1.page-title { vertical-align: middle; } h1.page-title, .archive-meta { vertical-align: middle; } /* END TAX/CAT ARCHIVE PAGE TITLES + DESCRIPTIONS====*/</code></pre> </blockquote> And you can see the result <a href="http://ridgelyschantz.com/category/uncharted/" title="Category Page Title">here</a> (Contains no posts, but ready for when it does). erikvlie on "exclude posts from specific categories" http://themeshaper.com/forums/topic/exclude-posts-from-specific-categories#post-13142 Wed, 16 Jun 2010 16:35:03 +0000 erikvlie 13142@http://themeshaper.com/forums/ Hi, I'm trying to exclude posts from one category on the home page. I'm using WP3RC3 and this is what I tried. I am absolutely dumb with regards to PHP and programming in general. <pre><code>//Exclude posts from category xyz function excludeposts() { if (is_home()) { query_posts("cat=-4136"); } } add_filter ('thematic_content','excludeposts');</code></pre> Thanks for the help --any help. guerrilladesign on "Autofocus+ question" http://themeshaper.com/forums/topic/autofocus-question#post-13199 Fri, 18 Jun 2010 03:52:15 +0000 guerrilladesign 13199@http://themeshaper.com/forums/ To start off, this is the blog I'll be referring to: <a href="http://guerrilla-photography.com/blog/" rel="nofollow">http://guerrilla-photography.com/blog/</a> I'm using the Autofocus+ Pro theme which is a child theme of Thematic. What I'm trying to do is change the colors of the picture boxes and the text that goes over them. In the Autofocus options I can do this, but it changes more than I would like. With the two images that are up there currently I would like the background to be the dark blue instead of the yellow and when you mouse over the image I would like it to become blue instead of yellow, and the text that shows up to be yellow instead of dark blue. When using the options the changes happen to more than one of these, and then you can't see the text that shows up, so if anyone has come across this and found a way to go in to the actual code to do this, that would be awesome. Thanks in advance. ssassen on "Changing color of links for different sections" http://themeshaper.com/forums/topic/changing-color-of-links-for-different-sections#post-4349 Sat, 06 Jun 2009 20:22:13 +0000 ssassen 4349@http://themeshaper.com/forums/ Hi This is my blog: <a href="http://we-are-awesome.com/blog/" rel="nofollow">http://we-are-awesome.com/blog/</a> I am wanting to change the color of the links in the content section and leave the color as it is in the sidebar. But im not too sure how to do that? Is there a way? When i change the link color in the stylesheet it just changes everything... rscamero92 on "Functions.php question" http://themeshaper.com/forums/topic/functionsphp-question#post-15403 Mon, 06 Sep 2010 17:25:58 +0000 rscamero92 15403@http://themeshaper.com/forums/ I downloaded a small plugin (<a href="http://www.technozeast.com/style-box">Style Box</a>). Well I want to add this as a function to my functions.php instead of using it as a plugin. Basically so I can customize it to my liking. Here is the plugins functions code.... // // // function style_box(){ $style_box = get_option('style_box'); if($style_box=='1'){ if ( !defined('WP_CONTENT_URL') ) define( 'WP_CONTENT_URL', get_option('siteurl') . '/wp-content'); $plugin_url = WP_CONTENT_URL.'/plugins/'.plugin_basename(dirname(__FILE__)); echo '<link rel="stylesheet" href="'.$plugin_url.'/style.css"'.' type="text/css" media="screen" />'; } } function active_style_box(){ add_option('style_box','1','active the plugin'); } function deactive_style_box(){ delete_option('style_box'); } add_action('wp_head', 'style_box'); register_activation_hook(__FILE__,'active_style_box'); register_deactivation_hook(__FILE__,'deactive_style_box'); What part of the code, if any, do I delete so that it isn't a "plugin". Or am I just over thinking this? ridgely on "Conditional childtheme_override" http://themeshaper.com/forums/topic/conditional-childtheme_override#post-15408 Mon, 06 Sep 2010 22:45:09 +0000 ridgely 15408@http://themeshaper.com/forums/ (Building from 0.9.7.4 rev709) If you want a conditional <code>childtheme_override</code>, for example, you want to use the <code>childtheme_override_category_loop</code> only on certain category pages, where does the condition need to occur. I tried inserting the condition within the <code>childtheme_override</code> but that didn't work entirely as intended, i.e. it affected ALL my category pages: <pre><code>/*Custom Category Loop for certain Categories*/ function childtheme_override_category_loop() { if (is_category('drawing')|| is_category('painting')) { while ( have_posts() ) : the_post() // Start the loop: ?> <div id="post-<?php the_ID() ?>" class="<?php thematic_post_class() ?>"> <?php thematic_postheader(); ?> <?php get_the_image( array( 'custom_key' => array( 'Thumbnail', 'thumbnail' ), 'default_size' => 'thumbnail' ) ); ?> <div class="entry-content"> <?php thematic_content(); ?> </div> <?php thematic_postfooter(); ?> </div> <?php endwhile; // loop done, go back up } }</code></pre>