ThemeShaper Forums: Forum: Thematic

ThemeShaper Forums: Forum: Thematic - Recent Topics http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 08 Feb 2012 09:54:28 +0000 him on "Positioning Z-index problem" http://themeshaper.com/forums/topic/positioning-z-index-problem#post-25210 Tue, 07 Feb 2012 11:57:45 +0000 him 25210@http://themeshaper.com/forums/ Hi, I am re-doing design for a client, and facing problem with positioning the main DIV. My logo (branding) extends below header and my main DIV rises under it through negative margin, and by positioning branding with higher z-index value. Everything worked well in my local dev, but on the web the main DIV is not going up under the branding. Here is the link : <a href="http://bit.ly/wBksHN">link</a> It's taking away all the appeal of the design. Any ideas? thanks! PS: the problem is only in Firefox 3.6+, strngely works fine in IE8!! Pandora canada on "Pandora bijoux boutique" http://themeshaper.com/forums/topic/pandora-bijoux-boutique#post-25230 Wed, 08 Feb 2012 05:52:46 +0000 Pandora canada 25230@http://themeshaper.com/forums/ Pandora charm bracelets are raging all over the world The trend of <a href="http://www.pandorabijouxca.com">Pandora bijoux boutique</a> is emerging everywhere ever since it stated from the northern Europe The trend of Pandora charm bracelets is emerging everywhere ever since it stated from the northern Europe; just after the introduction of this new genre of bracelet, the fashion for charm has spread almost all over the US country. Now, you won see a single college junkie and fashionsta folk without one piece of wrist charm bracelet regardless of his/her age, group, background, and style. There are basically two types of charm bracelet, in the former form of the bracelet the charm is normally based onto the weave chain in a specific format, whilst in the latter form of the charm bracelet, the charm is interlinked on the chain in a traditional yet stylish way. However, among all bracelets. <a href="http://www.pandorabijouxca.com">Pandora bijoux</a> are prominent and worth considering due to their pattern, design, shape, structure, and variety. These bracelets may have beads, original gems, stones, gold, and silver sterling mixed with stainless steel or other metals to brush up on the surface of the bracelet with the purpose of making it glittery and shinny. In <a href="http://www.pandorabijouxca.com">Bijouterie pandora</a>, gold is also used upon demand, and when your budget allow you; you may consider expensive bracelet with a bead and gem pattern of your choice, they can either be based on the chain or on the gold depending on your choice and the price of such piece of charm bracelet is not less than $700.? The charm bracelet of silver is comparatively less costly than the gold one, it depends as what the proportion of silver used in the Pandora Charm Bracelet, at average the price of one bead is $16, 50 to onwards provided that which genre you have chosen. <a href="http://www.pandorabijouxca.com">Pandora bijoux Canada</a> are inexpensive and stylish, they have perfect look and design to meet your fashion taste and desire, they can also be used for enhancing the luck and changing on the destiny as the charms may have either good or bad impact over your lifestyle. You may pick up a bracelet with a zodiac sign to find relief on your nature and soothe your temper, the same way dangling charms can play the magic in your life thereby changing the way you think and act. If you don have enough money to spend you may simply save some money like $50 bucks and spend them on the <a href="http://www.pandorabijouxca.com">Pandora canada</a> which is very inn though, somewhere it has eternal effect on the personality and mind too. cookieandkate on "Adding Pinterest button" http://themeshaper.com/forums/topic/adding-pinterest-button#post-25206 Tue, 07 Feb 2012 06:44:13 +0000 cookieandkate 25206@http://themeshaper.com/forums/ Hello! I've wanted to add a pinterest "pin it" button to the end of my posts for a while now, and finally found a reliable resource that explains how to do it. They provide the required code, but I am not good at writing action hooks, so I am hopeful that you may be able to explain how to make this happen. I've copied and pasted the relevant instructions below, from <a href="http://www.clickinmoms.com/blog/add-a-pinterest-pin-it-button-to-all-of-your-posts/." rel="nofollow">http://www.clickinmoms.com/blog/add-a-pinterest-pin-it-button-to-all-of-your-posts/.</a> Simply copy and paste the code (in orange) below in one of the following places: Inside the loop of your post template file (typically single.php, single-post.php, single-photo.php, or something similar) OR Using an action hook — depending on how much of a geek you are, this may be a bit much, but many WordPress themes come with features that make the addition of hooks a simple cut-and-paste. <div><a href="void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img class="aligncenter" src="http://www.clickinmoms.com/cmprodaily/wp-content/uploads/2011/09/pinit.jpg" alt="Pin It" /></a></div> Any ideas how to insert that into a new hook on my functions.php page? Your help is much appreciated. Thank you! Kate barefootford on "$50 if you'll help me change some code" http://themeshaper.com/forums/topic/50-if-youll-help-me-change-some-code#post-25222 Wed, 08 Feb 2012 00:05:23 +0000 barefootford 25222@http://themeshaper.com/forums/ Hey everybody, I've been using Thematic for a blog I the last month or so. I've customized it a bit and have it mostly how I'd like it, but I want a few more things done. It's been fun learning how to make a child theme and feel like a code cracker, but now I just want to run my blog. So, I need your help. If you can do the following for me, I'll give you $50 (paypal/amazon/whatever). 1. I want to remove the header, starting with the top line of the blog, going up. 2. I want to hide categories, tags, and the post author from each post. Both on the home page and on individual pages. 3. I got the borders to disappear around the the side widget bar, but only on the secondary aside, not the primary aside. it's not a big deal, but I'd like to fix it. If you could do this too, that'd be great. That's it. If you're interested, just reply here. I can either give you access to my WP-admin or you can just give me the code and I can paste it in. Afterward, I'll post my child theme text so anyone that likes it could easily duplicate the look. The starting point is here: <a href="http://ANewBike.com" rel="nofollow">http://ANewBike.com</a> lotsamottsa on "Trying to get Modernizr working in IE 7 and *" http://themeshaper.com/forums/topic/trying-to-get-modernizr-working-in-ie-7-and#post-25219 Tue, 07 Feb 2012 21:25:14 +0000 lotsamottsa 25219@http://themeshaper.com/forums/ Hello, I'm new to Modernizr and can't seem to get it to work. I've completed this tutorial: <a><a href="http://scottnix.com/2012/adding-modernizr-to-thematic/" rel="nofollow">http://scottnix.com/2012/adding-modernizr-to-thematic/</a> </a> and have read over this post: <a> <a href="http://themeshaper.com/forums/topic/html5-boilerplate-header-with-thematic" rel="nofollow">http://themeshaper.com/forums/topic/html5-boilerplate-header-with-thematic</a></a> I downloaded the custom build for border-radius only from Modernizr. I renamed the file Modernizr.js, put it in a js folder inside my child theme and pasted this into my function php: <pre><code>function childtheme_script_manager() { // wp_enqueue_script template ( $handle, $src, $deps, $ver, $in_footer ); // deregister standard jquery wp_deregister_script('jquery'); // loads modernizr-js script, local path, no dependency, no version, loads in header wp_enqueue_script('modernizr-js', get_bloginfo('stylesheet_directory') . '/js/modernizr.js'); // loads jqery script, from google cdn url, no dependency, yes version, loads in footer wp_enqueue_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"), false, '1.7.1', true); } add_action('wp_enqueue_scripts', 'childtheme_script_manager');</code></pre> I do not see the classes applied to the html tag. Also, border-radius is not working in IE7 or 8. My css is: <pre><code>#primary { border:2px solid white; border-radius:25px; -webkit-border-radius: 25px; -moz-border-radius:25px; padding:18px 0 0 0; margin-bottom:22px; color:#6f6f51; }</code></pre> Should I be applying the css in another way? Here is my link (it's the white outline around the sidebar which should have rounded corners.. it works in 9, firefox, safari and chrome. <a> <a href="http://anderson-lawoffices.com/2012/" rel="nofollow">http://anderson-lawoffices.com/2012/</a> </a> Any help is appreciated.. thanks! CircleReader on "How are you using Thematic?" http://themeshaper.com/forums/topic/how-are-you-using-thematic#post-4 Wed, 16 Jul 2008 19:44:20 +0000 CircleReader 4@http://themeshaper.com/forums/ Ian's Thematic theme framework is currently taking some abuse from my current Child Theme over at <a href="http://readingcirclebooks.com">Reading Circle Books</a>. With a little help from my friends, I hope that child will grow up to be a civil-to-all-browsers, handsome, productive website some day. :) Meanwhile, I'd love to see how others are putting Ian's work to use. Please, post a link and show off your Thematic site! ScottNix on "HTML5 Boilerplate Header with Thematic" http://themeshaper.com/forums/topic/html5-boilerplate-header-with-thematic#post-24566 Tue, 03 Jan 2012 03:40:24 +0000 ScottNix 24566@http://themeshaper.com/forums/ I had a project where I needed Modernizr, so I added a no-js class to the html file, but the way I was prevously doing it is I would pull in the header.php into my child theme and comment out 2 lines, it felt dirty, so I fixed it so it now works from the functions.php file only. HTML5 Boilerplate Style <pre><code>// creates the doctype section ( html5 boilerplate style ) function childtheme_create_doctype() { $content = "<!doctype html>" . "\n"; $content .= '' . "\n"; $content .= ''. "\n"; $content .= '' . "\n"; $content .= "" . "\n"; $content .= "<html class=\"no-js\""; return $content; } add_filter('thematic_create_doctype', 'childtheme_create_doctype'); // creates the head and meta charset tags function childtheme_head_profile() { $content = ""; $content .= "\n" . "<head>" . "\n"; $content .= "\n\t" . "<meta charset=\"utf-8\">" . "\n\n"; return $content; } add_filter('thematic_head_profile', 'childtheme_head_profile'); // remove meta charset tag, now in the above function function childtheme_create_contenttype() { // silence } add_filter('thematic_create_contenttype', 'childtheme_create_contenttype');</code></pre> Ouputs in the Header <pre><code><!doctype html>     <html class="no-js" dir="ltr" lang="en-US">  <head> <meta charset="utf-8"> <title>Dev Site | Just another WordPress site</title></code></pre> I also made another "cleaner" HTML5 header which also has the no-js class and just has 1 class of ".ie" for IE6, IE7 and IE8 and is more intended for sites that don't care about supporting IE6. If you are good at CSS and tend to never need IE specific CSS you might want to try the other version <a href="http://scottnix.com/2012/html5-header-with-thematic/" rel="nofollow">http://scottnix.com/2012/html5-header-with-thematic/</a> Eventually I will get around to cleaning up some stuff and post the information on how to get Modernizr on a Thematic theme here too (which is cake) but I just have to write it up. Any suggestions/changes/thoughts are welcome, thanks. Jagst3r15 on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25199 Mon, 06 Feb 2012 22:53:29 +0000 Jagst3r15 25199@http://themeshaper.com/forums/ Hi, so if I move the default.css from the Thematic folder to my Child Theme folder is that a bad thing? (I noticed that I could only make certain changes by altering the default.css file). Any thoughts? sixfootjames on "How to loop through custom fields for a staff directory list" http://themeshaper.com/forums/topic/how-to-loop-through-custom-fields-for-a-staff-directory-list#post-24981 Thu, 19 Jan 2012 08:09:04 +0000 sixfootjames 24981@http://themeshaper.com/forums/ Hi, I have a number of pages for staff members in my WP installation and each of these has additional custom fields for telephone, email, fax, a class room number. I need to create a directory listing page which will pull all the custom fields from these pages depending on the department they are in. The custom fields on my Staff Details page is working superbly but now I need a way to extract all that information to create a list for all the departments please. Many thanks! sixfootjames on "CSS3 Pie working on home page but not on other pages" http://themeshaper.com/forums/topic/css3-pie-working-on-home-page-but-not-on-other-pages#post-25197 Mon, 06 Feb 2012 17:04:32 +0000 sixfootjames 25197@http://themeshaper.com/forums/ Hi, Thanks to everyone who's helped me with my first ever full WordPress CMS implementation and Thematic as the framework! I was wondering though if someone might be able to tell me why it is that CSS3 Pie would work on my home page and not on the other template pages please? Here's the link to my site. <a href="http://goo.gl/Gc5rB" rel="nofollow">http://goo.gl/Gc5rB</a> In my functions.php file I have the following, I would assueme, it shoule work on all pages especially the header which is shared across all pages. function my_render_ie_pie() { echo '  '; } add_action('wp_head', 'my_render_ie_pie', 8); Many thanks, James Jagst3r15 on "Child Theme and commercial usage" http://themeshaper.com/forums/topic/child-theme-and-commercial-usage#post-25144 Wed, 01 Feb 2012 19:22:35 +0000 Jagst3r15 25144@http://themeshaper.com/forums/ Hi there, so I am a web developer who knows quite a bit, but am just getting into WordPress development. With that being said, I have no idea about the legality of selling themes and whatnot. If I create a child theme with Thematic, am I aloud to sell the Child Theme via a place like ThemeForest or something? Thanks in advance! jhismith on "extra padding for a specific widget" http://themeshaper.com/forums/topic/extra-padding-for-a-specific-widget#post-25188 Sun, 05 Feb 2012 17:24:50 +0000 jhismith 25188@http://themeshaper.com/forums/ I'm trying to increase the padding for a specific widget. <a href="http://democracyinafrica.org/election-monitor/kenya/" rel="nofollow">http://democracyinafrica.org/election-monitor/kenya/</a> I am trying to increase the padding for the 'DiA Articles on Kenya' widget. I have added the following (and variations of) to style.css: .main-aside ul li.listcategorypostswidget-2 { padding-top: 30px; } But no joy. Any help would be much appreciated. Thanks. proto on "Changing the blog-title colour" http://themeshaper.com/forums/topic/changing-the-blog-title-colour#post-25189 Sun, 05 Feb 2012 17:32:44 +0000 proto 25189@http://themeshaper.com/forums/ Hello All, I have a blog title called pixelwoo. I'd like to change the blog title so the "woo" part of the title appears in a different colour. After looking in these forums I saw the great work Helga had done helping someone with a similar problem, in which she posted the code to do this. Here's the thread: <a href="http://themeshaper.com/forums/topic/looking-for-ltdiv-idblog-titlegt" rel="nofollow">http://themeshaper.com/forums/topic/looking-for-ltdiv-idblog-titlegt</a> The code that I'm using, directly from that thread is: <pre><code>// --- Change the colour of the Title "woo" section function pixelwoo_change_blogtitle() { $title = get_bloginfo('name'); $title = str_replace('woo','woo',$title); ?> <div id="blog-title"><a href="<?php bloginfo('url') ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php echo $title ?> </a></div> <?php } add_filter('thematic_blogtitle','pixelwoo_change_blogtitle');</code></pre> I don't know if it makes a difference but I've also overidden the blog title to give it a class as follows: <pre><code>// Add a class to the blog title function childtheme_override_blogtitle() { ?> <div id="blog-title" class="grid_4"><a href=" <?php echo home_url() ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></a></div> <?php } add_action('thematic_header','thematic_blogtitle',3);</code></pre> My changing the blog-title appears after my adding a class to the blog-title in my "functions.php" file. ! Any thoughts greatly appreciated! :) lastraw on "previous link in category showing same current posts" http://themeshaper.com/forums/topic/previous-link-in-category-showing-same-current-posts#post-22610 Thu, 11 Aug 2011 02:15:09 +0000 lastraw 22610@http://themeshaper.com/forums/ I think I remember seeing the answer to this here somewhere but can't find it. Here is an example on my test site: <a href="http://www.dingdongnation.com/category/life/" rel="nofollow">http://www.dingdongnation.com/category/life/</a> (sorry takes a long time to load) at the bottom older posts goes to a page 2 but it's the same posts as page 1 bigdanprice on "Need some help, Im looking for a plugin." http://themeshaper.com/forums/topic/need-some-help-im-looking-for-a-plugin#post-25162 Fri, 03 Feb 2012 12:43:55 +0000 bigdanprice 25162@http://themeshaper.com/forums/ Hi All, Ive got a client that wants an image slider with an audio clip on the image change, but only for the first round of images... anyone got any thoughts on this? There must be a plugin out there that can do it, but Im at a loss after trawling through hundreds of offerings! (Im trying to avoid flash if possible) I was thinking as an ugly hack I could go back to the 1997 web and play the audio clip timed to the image change but want to avoid this... Ive even tried explaining that noises on websites are annoying, but they're adamant! Can you help me Themeshaper forums? Your my only hope! jonnycj on "WP e-Commerce 3.8 - anyone noticing a clash with Thematic?" http://themeshaper.com/forums/topic/wp-e-commerce-38-anyone-noticing-a-clash-with-thematic#post-20494 Tue, 12 Apr 2011 14:29:37 +0000 jonnycj 20494@http://themeshaper.com/forums/ I have recently upgraded the WP e-Commerce plugin on my Thematic Wordpress install to version 3.8. I now have lost the the sidebar (primary and secondary aside) and the footer (subsidiary asides) from the main shop front page (wpsc-products_page.php) - see link here: <a href="http://develop.survivorspoetry.org/?page_id=795" rel="nofollow">http://develop.survivorspoetry.org/?page_id=795</a> <a href="http://develop.survivorspoetry.org/?page_id=795">link 1</a> All asides and subsidiaries appear fine on other WP e-Commerce pages: <a href="http://develop.survivorspoetry.org/?page_id=798" rel="nofollow">http://develop.survivorspoetry.org/?page_id=798</a> <a href="http://develop.survivorspoetry.org/?page_id=798">link 2</a> So is there some conflict specific to Thematic and this main WP e-Commerce page ? Anyone else noticed this ? Or is it just my child theme ? Any thoughts greatly appreciated as usual petergus on "enable widget areas in WP E-commerce?" http://themeshaper.com/forums/topic/enable-widget-areas-in-wp-e-commerce#post-22875 Sun, 28 Aug 2011 03:30:15 +0000 petergus 22875@http://themeshaper.com/forums/ ive noticed that only the primary and secondary widget areas are showing up in the wp e-commerce pages, do i need to enable the other widgets somewhere?? this is interested, from here i noticed there is a difference in widget types - <a href="http://bluemandala.com/thematic/thematic-structure.html" rel="nofollow">http://bluemandala.com/thematic/thematic-structure.html</a> tommo77funk on "Dropdown menu Z-index" http://themeshaper.com/forums/topic/dropdown-menu-z-index#post-3610 Wed, 29 Apr 2009 11:38:03 +0000 tommo77funk 3610@http://themeshaper.com/forums/ Hi, I have tried setting the z-index of the dropdown nav menu, because the dropdown is disappearing behind my flash panorama. I have tried z-index on the widget, but no joy, so have now wrapped the panorama in a div, called 'test' and this does not work either. Please see <a href="http://www.panoraks.co.uk/" rel="nofollow">http://www.panoraks.co.uk/</a> and place mouse over the a button in the nav menu, [lease notice the dropdown becomes hidden by the flash panorama. the css I have tried #test { z-index:-10; } .menu {z-index:10;} Is there a way to do it in functions.php do you think, or is css and z-index the way to go ? As usual many many thanks in advance :) tom krowchuk on "Adding non-widget content to sidebars (asides)" http://themeshaper.com/forums/topic/adding-non-widget-content-to-sidebars-asides#post-17312 Sat, 27 Nov 2010 21:49:58 +0000 krowchuk 17312@http://themeshaper.com/forums/ In the spirit of giving back to the community as a way of saying thanks, I am posting a solution that I have used to an issue that had me stumped for a long time. I hope that somebody will find this useful! While switching my old theme over to Thematic I wanted to be able to place non-widgetized functions into the main and secondary asides (sidebars) above and below any widgets that I might use in those sidebars. While I am using a 3 column (primary aside to left, content in middle, secondary aside to the right) layout, the information below could prove to be useful for other layouts as well. Like most things in Wordpress and Thematic, there are several ways to accomplish this. I am not very well versed in php and barely competent in css, (but wish to learn and get better at both!) so my method that I finally settled on may not be the best for you. Likewise, if anyone can share a method that would accomplish this in a better way, I would love to learn about it. So, to begin; I wanted to be able to place the thumbnail at the top of the primary aside (in 3col layout this is the left sidebar) and my current theme uses a custom field for the caption below the thumbnail image. Below these items I wished to be able to add any widget I might need in the future. The code I use in my old theme to display this: <pre><code><div class="sidebar widesidebar"> <?php echo get_the_post_thumbnail($wp_query->post->ID); ?> <div id="thumb-caption"> <h2> <?php echo get_post_meta($post->ID, 'thumb_caption', true); ?> </h2> </div> <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('wide')) : ?> <?php endif; ?> </div></code></pre> This presented a challenge to my Thematic "remodeling" adventure, since I was still stuck in my old way of thinking, that is, to simply customize the code inside the sidebar. There was not an (apparently) easy way to do this in Thematic without either; a-) over riding the entire aside with a child aside or... b-) using a plugin that allows you to place and execute custom php into a widget and then place that widget into the sidebar. I actually decided to try "option b" but quickly abandoned that when it didn't quite work so well with multiple copies of the widget in the same sidebar. I really wanted to do this the "Thematic" way! Without even really knowing yet what that is... My first attempt was to create a function using an action hook into thematic_abovemainasides(). <pre><code>// Thumbs and custom field function thumbnail() { ?> <div id="above-aside"> <ul> <?php $postid = get_the_ID(); ?> <?php the_post_thumbnail(); ?> <div class="thumb-caption"> <h3>"<?php echo get_post_meta($postid, 'thumb_caption', true); ?>"</h3> </div> </ul> </div> <?php } add_action('thematic_abovemainasides', 'thumbnail');</code></pre> I was on the right path as it turns out, however, I created a css styling nightmare! The first thing it did was break my lovely 3 column layout! I managed to fix that when it was suggested that I needed to give my div the same classes as the primary aside. <pre><code>// Thumbs and custom field function thumbnail() { ?> <div id="primary" class="aside main-aside"> <ul> <?php $postid = get_the_ID(); ?> <?php echo get_the_post_thumbnail(); ?> <div class="callout-caption"> <h3>"<?php echo get_post_meta($postid, 'callout_caption', true); ?>"</h3> </div> </ul> </div> <?php } add_action('thematic_abovemainasides', 'thumbnail');</code></pre> Beautiful! I thought the problem was solved, and it would have been if I didn't need to place a widget into the primary aside. The lesson to be learned here was that any content that you action hook into the thematic_abovemainasides() appears above the main asides, completely outside of the div containing the aside. In this case; <pre><code><div id="primary" class="aside main-aside">  </div> <div id="primary" class="aside main-aside">  </div></code></pre> Aside from producing invalid html code (#primary -> twice) this created a css styling nightmare where the second primary div overlapped the first and I could not figure out how to place it correctly below the first one. Besides, what I really wanted was the thumb and custom field "inside" the primary aside, not above it! Like this; <pre><code><div id="primary" class="aside main-aside">   </div></code></pre> You could simply take option b- and install a plugin to execute your php inside a widget and drag that into the primary aside from the widgets area of dashboard, but what if you want to display a custom field or function below any widgets in that aside? The solution is to think outside of the box, or div as it may be in this case! Thematic has numerous action hook areas, indeed there is one called thematic_betweenmainasides() and another called thematic_belowmainasides() What this allowed me to do was to create a "primary wrapper" container so to speak, by opening the wrapping div in thematic_abovemainasides and closing it in the thematic_betweenmainasides like this: <pre><code>// Add wrap div into the primary aside using abovemainasides and belowmainasides function wrap_aboveprimary() { ?> <div id="primary-wrap" class="aside main-aside"> <ul> <?php $postid = get_the_ID(); ?> <?php echo get_the_post_thumbnail(); ?> <div class="thumb-caption"> <h3>"<?php echo get_post_meta($postid, 'thumb_caption', true); ?>"</h3> </div> </ul> <?php } add_action('thematic_abovemainasides','wrap_aboveprimary'); function wrap_belowprimary() { ?> </div> <?php } add_action('thematic_betweenmainasides','wrap_belowprimary');</code></pre> now all you need to do is to style it, copy the #primary css selectors and paste them into #primary-wrap, then change the #primary margin to 0, like this (your widths, margins and paddings may differ); <pre><code>#primary { border:none; /* remove default border */ float: left; margin: 0; width: 340px; padding: 7px 0 0; } #primary-wrap { float: left; margin: 0 0 0 -940px; width: 340px; padding: 7px 0 0; }</code></pre> There it is, a thing of Thematic beauty! My "Aha - Thematica!" moment! The thumb and custom field appears above the primary asides widgets in exactly the same place as I wished, top of the left aside. They "appear" to be inside the aside, but in reality they are inside a div that wraps the complete aside. We could take this a few steps further now, adding more custom fields or functions below the widgetized area of the primary aside, such as; <pre><code>// Add wrap div into the primary aside using abovemainasides and belowmainasides function wrap_aboveprimary() { ?> <div id="primary-wrap" class="aside main-aside"> <ul> <?php $postid = get_the_ID(); ?> <?php echo get_the_post_thumbnail(); ?> <div class="thumb-caption"> <h3>"<?php echo get_post_meta($postid, 'thumb_caption', true); ?>"</h3> </div> </ul> <?php } add_action('thematic_abovemainasides','wrap_aboveprimary'); function wrap_belowprimary() { ?> <ul> <li><?php if(function_exists('echo_ald_crp')) echo_ald_crp(); ?></li> <li><?php if(function_exists('echo_ald_wherego')) echo_ald_wherego(); ?></li> </ul> </div> <?php } add_action('thematic_betweenmainasides','wrap_belowprimary');</code></pre> Where I have added some calls to 2 of my favourite related post plugins that don't have widgets. And of course you could take this one step further to include some custom content at the top and bottom of Secondary aside as well. Open your div in thematic_betweenmainasides and close it in thematic_belowmainasides. I haven't tested this yet, but it seems to me that the same magic could occur! Have fun! Chris fwunder on "Can I remove container div?" http://themeshaper.com/forums/topic/can-i-remove-container-div#post-25154 Thu, 02 Feb 2012 23:24:47 +0000 fwunder 25154@http://themeshaper.com/forums/ OK, I know I'm a bit obsessed, but I've been spending a day or so learning Compass and SASS (which rocks, BTW) and my self imposed exile was to: 1) Create an easily modified Holy Grail 3 column fluid/fixed layout with equal height columns in Compass SASS. Done! ==> <a href="http://grafiks101.com/holy-grail/" rel="nofollow">http://grafiks101.com/holy-grail/</a> OK, that was fun. 2) Quickly create a thematic site using the same code. Done! ==> <a href="http://grafiks101.com/dev/" rel="nofollow">http://grafiks101.com/dev/</a> Really, that was *a lot* easier than I though it would be and a *whole* lot easier than the brute force approach I took the first time. Pretty much a drop in replacement of css. Going forward, I now want to clean it up a bit. I seem to have a case of divitis. I really don't need "container" or even "main" for that matter. I'm really not sure how to properly dispose of them and what damage I might cause with brute force. Can I, should I do it or leave well enough alone? I should also say, that this wasn't just an exercise. I had a [wordpress] project which required a pixel perfect 3 column layout to a "designed to the fold" print layout. The Holy Grail 3 column layout was exactly what I needed and Thematic made it possible. Now I would like to streamline the process for the next time... Thanks! Mike_sa on "adding shortcode" http://themeshaper.com/forums/topic/adding-shortcode#post-25149 Thu, 02 Feb 2012 14:44:02 +0000 Mike_sa 25149@http://themeshaper.com/forums/ Hi I have written a shortcode for a plugin I am coding. I have got the shortcode working, it calls the custom post types from the custom post type I have added in the plugin. At the moment all is working well but I need to add options to the shortcode like number of posts to display, slug, taxonomy, terms ect. Below is the shortcode I have written : <pre><code>// add shortcode portfolio function portfolio($atts, $content = null) { extract(shortcode_atts(array( // loop for array of portfolio // add call for query $args = array('orderby' => 'title', 'order' => 'date', 'posts_per_page' => 20, 'tax_query' => array( array( 'taxonomy' => 'Skills', 'field' => 'slug', 'terms' => 'Web-Design', ) ) ) ), $atts)); $query = new WP_Query( $args ); // The Loop while ( $query->have_posts() ) : $query->the_post(); echo '<h2>'; the_title(); echo '</h2>'; echo ''; the_content(); echo ' '; endwhile; // Reset Post Data wp_reset_postdata(); } add_shortcode("port", "portfolio");</code></pre> After looking at various tuts , I need to leave the variable empty and add an if statement. I have not been able to get that part to work ... Could someone please point me in the right direction . Many thanks violetabella on "Comment Bubble" http://themeshaper.com/forums/topic/comment-bubble#post-25138 Wed, 01 Feb 2012 01:30:47 +0000 violetabella 25138@http://themeshaper.com/forums/ HI! I've been trying to implement a comment bubble to my child theme, but not having much luck. I did try this tutorial, <a href="http://mrdanadams.com/2011/css-only-comment-count-bubble-in-wordpress/" rel="nofollow">http://mrdanadams.com/2011/css-only-comment-count-bubble-in-wordpress/</a> but the bubble did not show up (even on the posts with comments). Is there another way to go about doing this? gary-miller on "Changing <title> layout using $doctitle" http://themeshaper.com/forums/topic/changing-lttitlegt-layout-using-doctitle#post-12479 Wed, 19 May 2010 17:32:23 +0000 gary-miller 12479@http://themeshaper.com/forums/ Hi all, hope someone can help me with this please. I'm developing a Child Theme for Thematic and I want to change the default layout of the title tag, as set by $doctitle in the 'header-extensions' file. In my own 'functions.php' file I've tried lots of different ways to change what I want to no avail. Basically, I want to remove the default 'tab' setting, and one of the new lines after the tag. The best I've come up with is: <code> function easyaccess_doctitle($doctitle) { return $doctitle . "\n"; } add_filter('thematic_doctitle','easyaccess_doctitle'); </code> All this returns in the html page is: <code> <title>Array</title> </code> Anyone got any suggestions please? jhismith on "How to align single navigation menu item right?" http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25020 Tue, 24 Jan 2012 19:35:50 +0000 jhismith 25020@http://themeshaper.com/forums/ I want to align a single navigation menu item right. I want the standard menu aligned left and an RSS Feed menu item aligned right. I think I have to assign CSS to a single menu item but I can't see where. MikeWills on "Adding link post format to Thematic" http://themeshaper.com/forums/topic/adding-link-post-format-to-thematic#post-25050 Thu, 26 Jan 2012 14:46:22 +0000 MikeWills 25050@http://themeshaper.com/forums/ I have been in the process of adding the link post format to the thematic theme via a child theme (https://github.com/MikeWills/MikeWillsThematic). To be honest, this is the first time I have done any sort of theme work with WordPress. I have been able to change the title permalink to the link I am linking to (much like Daring Fireball) and adding a symbol to the title so that there is a visual to someone to realize that there may be a different behavior. (Example post: <a href="http://mikewills.me/blog/why-you-should-outsource-ops" rel="nofollow">http://mikewills.me/blog/why-you-should-outsource-ops</a>) Should I be using thematic's filters to push out these changes to the theme or should I be using WordPress's? Here is what I have now. <pre><code>/** * Override the post title logic */ function mikewillsthematic_thematic_postheader_posttitle($posttitle) { if (has_post_format('link')) { $posttitle = '<h2 class="entry-title"><a href="'; $posttitle .= get_post_meta( get_the_ID(), "post_format_data", true); $posttitle .= '" title="Direct link to article" rel="bookmark">'; $posttitle .= '∞ '; $posttitle .= get_the_title(); $posttitle .= "</h2>\n"; } return $posttitle; } add_filter('thematic_postheader_posttitle', 'mikewillsthematic_thematic_postheader_posttitle'); function mikewillsthematic_rss_title($title) { if (has_post_format('link')) { $posttitle = '∞ '; $posttitle .= $title; } else $posttitle = $title; return $posttitle; } add_filter('the_title_rss', 'mikewillsthematic_rss_title');</code></pre> chris_s on "Alternate stylesheet for iPad" http://themeshaper.com/forums/topic/alternate-stylesheet-for-ipad#post-22457 Thu, 28 Jul 2011 15:59:20 +0000 chris_s 22457@http://themeshaper.com/forums/ I'm have a lot of fun with this one! So I have the following code and it's not working. Should I be using a Thematic hook instead? Where am i going wrong with this? It does work with an absolute URL address, but I obviously do not want that in the event things change down the line. <pre><code>function ipad_css() { if( preg_match('/ipad/i',$_SERVER['HTTP_USER_AGENT'])) {?> <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/ipad.css" media="screen" /> <?php } } add_action('wp_print_styles','ipad_css');</code></pre> In the event it matters, this is what is in my ipad.css stylesheet. <pre><code>@import url('../style.css'); body.page { background: #6d80b5; } body.page #ipad-back { display: none; } #ipad-back { background: url(images/menu-btn.png) no-repeat scroll 0 0 transparent; height: 45px; width: 134px; float: right; margin-bottom: 25px; } #ipad-back a { display: inline-block; color: #fff; font-weight: bold; position: relative; top: 10px; left: 25px; }</code></pre> crashprojects on "Can I change the width of the menu to line up with the end of my header/content?" http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25098 Mon, 30 Jan 2012 21:29:49 +0000 crashprojects 25098@http://themeshaper.com/forums/ See here: <a href="http://samh.crashprojects.com" rel="nofollow">http://samh.crashprojects.com</a> Driving me nuts! proto on "Showing first news item as full and rest as titles" http://themeshaper.com/forums/topic/showing-first-news-item-as-full-and-rest-as-titles#post-25090 Mon, 30 Jan 2012 16:53:02 +0000 proto 25090@http://themeshaper.com/forums/ Hello all, I'm wondering if any kind folks can help me. I am looking to use my loop to output a category (in this case news) on my homepage. So far so good. I would like to ouput my news category posts with the first one as an excerpt and then after the excerpt have the next news post appear as just a title. Here's the loop, I've come up with which uses a counter to display which one to output (I know something's wrong but not sure what after trying a few variations!): <pre><code><div id="rowTwo" class="grid_12"></div> <?php query_posts('category_name=news&posts_per_page=2');?> <?php while (have_posts()) : the_post(); ?> <?php $counter++; ?> <div id="<?php if ($counter == 1) { echo'newsone" class="grid_4'; } ?>"> <?php thematic_postheader();?> <div class="entry-content"> <?php if (has_post_thumbnail()) { the_post_thumbnail('home_pic'); } ?> <?php the_excerpt(); ?> <a href="<?php the_permalink(); ?>" class="more"> <?php echo more_text() ?></a> </div> <?php endwhile; ?> <?php else : ?> <?php while (have_posts()) : the_post(); ?> <?php $counter++; ?> <div id="<?php if ($counter == 2) { echo'newstwo" class="grid_4'; } ?>"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"> <?php the_title(); ?> </a></h2> </div> </div> <?php endwhile; ?> <?php rewind_posts(); ?></code></pre> The error I'm getting is in Dremweaver suggesting that my syntax at the end of my custom loop in functions.php there is a syntax error. Any thoughts greatly appreciated! gnurf on "weekly posts listing" http://themeshaper.com/forums/topic/weekly-posts-listing#post-25126 Tue, 31 Jan 2012 12:16:27 +0000 gnurf 25126@http://themeshaper.com/forums/ I hope someone can help me in the right direction with this one: Say you have some contributors writing posts about weekly happenings. One write about Monday happenings and another about Tuesday happenings and so on. These post are written a week or so in advance. How can I list all posts for a preferred week, for example current week and next week? All suggestions are welcome! -Paul kaylehope on "Removing Blog title on Thematic" http://themeshaper.com/forums/topic/removing-blog-title-on-thematic#post-25115 Tue, 31 Jan 2012 03:06:14 +0000 kaylehope 25115@http://themeshaper.com/forums/ I need some help removing the blog title on thematic. I have created a header using the #blog-title tag. Now when I try to remove the title that is set there automatically it interferes with my custom header. <a href="http://kaylehope.com/wordpress/" rel="nofollow">http://kaylehope.com/wordpress/</a> Help please! Thanks!