ThemeShaper Forums User Favorites: colfelt

ThemeShaper Forums User Favorites: colfelt http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 14:10:08 +0000 faeree on "Thematic Menus Demystified" http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/5#post-27172 Sun, 27 May 2012 20:46:43 +0000 faeree 27172@http://themeshaper.com/forums/ moved to own thread boerenooi on "Thematic Menus Demystified" http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/5#post-27007 Wed, 16 May 2012 11:46:21 +0000 boerenooi 27007@http://themeshaper.com/forums/ Hi helgatheviking I'm having hard time getting this right. I need to put my menu into the start of my main container where the content is. How would I achieve this? Regards B xxx ScottNix on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26960 Fri, 11 May 2012 01:55:26 +0000 ScottNix 26960@http://themeshaper.com/forums/ I went ahead and converted Thematic's CSS to be mobile-first and incorporated one of the 1140px adaptive layouts Kathy made (thanks). I created a Child Theme that is meant to be a very stripped down (bare bones) starting point for Responsive Web Design using Thematic. It also comes set up with things like Normalize.css, Modernizr, Fitvids.js, custom.js file, some handy jQuery clear fixes, and some other php snippets that are commonly used by me. If anyone wanted to check it out Child Theme Demo - <a href="http://scottnix.com/themes?wptheme=Responsive%20Base" rel="nofollow">http://scottnix.com/themes?wptheme=Responsive%20Base</a> More Info - <a href="http://scottnix.com/responsive-base-a-child-theme-for-thematic/" rel="nofollow">http://scottnix.com/responsive-base-a-child-theme-for-thematic/</a> Download - <a href="https://github.com/scottnix/responsive-base" rel="nofollow">https://github.com/scottnix/responsive-base</a> There are still some really minor issues, mostly things that could be better in a perfect world, but in my opinion it is good. ;P colfelt on "Thematic menus - wrapping the <li> in the <a>" http://themeshaper.com/forums/topic/thematic-menus-wrapping-the-ltligt-in-the-ltagt#post-26701 Sun, 29 Apr 2012 00:11:14 +0000 colfelt 26701@http://themeshaper.com/forums/ It's all on my local server right now. Nevermind, your suggestion was WAY better. As usual, I was looking for a complicated way to solve a simple problem. Displaying the A element as a block and giving it a width attribute is all that was required. Thanks again HtV! helgatheviking on "Thematic menus - wrapping the <li> in the <a>" http://themeshaper.com/forums/topic/thematic-menus-wrapping-the-ltligt-in-the-ltagt#post-26697 Sat, 28 Apr 2012 17:54:35 +0000 helgatheviking 26697@http://themeshaper.com/forums/ do you have a link to the styling you're using / trying to achieve? i think it is a mistake to invert the markup... you're probably better off wrapping the text in an extra span so <code><li><a></code> which should also be easier to create via a Walker. but maybe you just need to put display: block on the A element and then add your padding to that. colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26695 Sat, 28 Apr 2012 14:05:13 +0000 colfelt 26695@http://themeshaper.com/forums/ Ahh, that old chestnut... colfelt on "Thematic menus - wrapping the <li> in the <a>" http://themeshaper.com/forums/topic/thematic-menus-wrapping-the-ltligt-in-the-ltagt#post-26694 Sat, 28 Apr 2012 13:55:40 +0000 colfelt 26694@http://themeshaper.com/forums/ I read through ALL 5 pages of posts in Helga's epic Thematic Menus Demystified topic and the other topics I could find. But I *think* I have a new challenge for this forum. Is there a "clever" way to flip the order of the li and a tags output in wp_nav_menu? I know I could remove thematic_access and smash in my own hand-rolled menu in it's place. But that seems like a clumsy solution. Why do I want to do this? Well, I've re-oriented my menu so it's vertical. And I have created nice backgrounds on hover with CSS, so the list items are a bit like buttons. But, you still have to click on the actual word in the menu list item (which is what the anchor tag wraps) and you can't click the rest of the block list item that is highlighted on hover (because the a doesn't wrap the li). In short, it's a usability problem when something highlights that you can't click. Does anybody know how I would alter the code (via my own functions.php) that generates wp_nav_menu (it's in includes/nav-menu-template - function start_el - line 67)? to switch these tags around? <pre><code>function start_el(&$output, $item, $depth, $args) { global $wp_query; $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; $class_names = $value = ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; $classes[] = 'menu-item-' . $item->ID; $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) ); $class_names = ' class="' . esc_attr( $class_names ) . '"'; $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args ); $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : ''; $output .= $indent . '<li' . $id . $value . $class_names .'>'; $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : ''; $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : ''; $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : ''; $attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : ''; $item_output = $args->before; $item_output .= '<a'. $attributes .'>'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '</a>'; $item_output .= $args->after; $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } /** * @see Walker::end_el() * @since 3.0.0 * * @param string $output Passed by reference. Used to append additional content. * @param object $item Page data object. Not used. * @param int $depth Depth of page. Not Used. */ function end_el(&$output, $item, $depth) { $output .= "</li>\n"; } }</code></pre> I'm not confident that I can create something that will work... helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26693 Sat, 28 Apr 2012 13:52:41 +0000 helgatheviking 26693@http://themeshaper.com/forums/ no bacon is very unsatisfactory. always more than 1 way to skin the cat b/c we could probably go back to what you started with <pre><code>function remove_thematic_categoryloop() { remove_action('thematic_categoryloop', 'thematic_category_loop'); } add_action('init', 'remove_thematic_categoryloop'); function kia_categoy_loop(){ if(is_category('bacon')){ //bacon loop here } else { thematic_category_loop(); } add_action('thematic_categoryloop','kia_category_loop');</code></pre> colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26692 Sat, 28 Apr 2012 10:26:38 +0000 colfelt 26692@http://themeshaper.com/forums/ Ah, yes. That's better. I figured there must've been a walking donut there. That loop had completely disappeared up it's own rear. And it didn't have ANY bacon in it, which is, well, unsatisfactory. As ever, Helga, thank you. You're awesome. :) proto on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26691 Sat, 28 Apr 2012 10:02:37 +0000 proto 26691@http://themeshaper.com/forums/ butters81 - good job on that site. Very nice! helgatheviking on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26682 Fri, 27 Apr 2012 14:22:21 +0000 helgatheviking 26682@http://themeshaper.com/forums/ my 978 and my 1140 ports should be adapted to be mobile-first. if you ever want to take a crack at it that'd be awesome. butters81 on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26681 Fri, 27 Apr 2012 12:39:45 +0000 butters81 26681@http://themeshaper.com/forums/ @ScottNix @helgatheviking - you guys are awesome! Thanks so much for the Thematic responsive template & those doctype/head functions. Just finished <a href="http://myhomelife.org.uk">building a site</a> based on Helga's 978gs port. Although with the mediaqueries within the stylesheet (to get IE6-8 working on a responsive layout, with respond.js), stylesheet ended up at 2,500 lines :/ I tried to implement responsive columns too, which turned into the bane of my life. I used another nicely built responsive template (<a href="http://www.ejhansel.com/thematic-320-and-up-update-a-responsive-wordpress-child-theme/">Thematic 320 & Up</a>) on another project - I liked the fact that with that template, you created styles for the smallest layout (320px) and added styles as you increased the viewport size. Having a responsive thematic child theme would be amazing though. helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26655 Thu, 26 Apr 2012 01:50:56 +0000 helgatheviking 26655@http://themeshaper.com/forums/ not bacon! :) well i have to apologize b/c i think i messed up. basically thematic does this: <pre><code>if (function_exists('childtheme_override_category_loop')) { function thematic_category_loop() { childtheme_override_category_loop(); } }</code></pre> so if the override is defined then thematic's default becomes the override. which means the original thematic_category_loop doesn't exist anymore and you just end up in a loop of loops. my else statement <pre><code>else { thematic_category_loop() }</code></pre> is just pointing to childtheme_override_category_loop which points to thematic_category_loop and on and on. so the override should be <pre><code>function childtheme_override_category_loop(){ if(is_category('bacon')){ //put your special bacon loop here } else { //put default category loop here } }</code></pre> colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26653 Wed, 25 Apr 2012 23:04:04 +0000 colfelt 26653@http://themeshaper.com/forums/ Yeah I'm using 0.9.8, but no joy. Ah well, the less streamlined version is working OK. It just bugs me that something that *should* work, doesn't. It's just not bacon. proto on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26648 Wed, 25 Apr 2012 21:29:56 +0000 proto 26648@http://themeshaper.com/forums/ Thanks so much ScottNix, Appreciate your detailed answers, it makes things a lot clearer! I was curious about the viewport sizing so thanks for tackling that one, I'm not sure whether we should then be specifying a viewport for each screen size. The 978.gs site recommends doing this. I'll try experimenting with different viewport sizes. Thanks again :) helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26629 Wed, 25 Apr 2012 13:26:49 +0000 helgatheviking 26629@http://themeshaper.com/forums/ can't see anything in your code, but first off make sure you are using this version of thematic: developing.thematic4you.com/thematic-development-release/ as there were some problems w/ the add_action that got resolved. colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26621 Wed, 25 Apr 2012 05:17:41 +0000 colfelt 26621@http://themeshaper.com/forums/ OK... so I've been working with Helga's cleaner code. But, It's not playing nicely with me. I find that the two loops I have defined in it work fine. But then the normal thematic_category_loop doesn't seem to work. The categories that should run that loop don't seem to run any loop at all. So, it made me wonder, doesn't specifying childtheme_override_category_loop tell the original thematic_category_loop to go use childtheme_override_category_loop instead? Therefore, flying up it's own backside? Maybe it doesn't work that way. But it was the best explanation I could come up with to explain why the code below didn't work. Can you spot anything that looks like it would prevent the thematic_category_loop from working? <pre><code>// remove the standard loop function childtheme_override_category_loop(){ // get the name of the category and store it in the variable $catslug $cat = get_query_var('cat'); $yourcat = get_category ($cat); $catslug = $yourcat->slug; if (is_category('testimonials')){ query_posts('category_name='.$catslug); if (have_posts()) : while (have_posts()) : the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"><?php the_content(); ?></div> <?php endwhile; endif; } elseif (is_category('menus')) { // loop for the content within the current category, // which has a custom field 'intro_article' which is equal to 1 $handmade_query = new WP_Query('category_name='.$catslug.'&meta_key=intro_article&meta_value=1'); while ($handmade_query->have_posts()) : $handmade_query->the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"><?php the_content(); ?></div> <?php endwhile; wp_reset_postdata(); ?> <?php // now loop to create an unordered list of the other posts in the category // but which have a custom field 'intro_article' which is equal to 0 ?> <ul id="sub-nav-ul"> <?php query_posts('category_name='.$catslug.'&meta_key=intro_article&meta_value=0'); if (have_posts()) : while (have_posts()) : the_post(); ?> <li id="sub-nav" class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"> <?php the_post_thumbnail(array(70,70));?><?php the_title(); ?></a></li> <?php endwhile; endif; ?></ul> <?php wp_reset_postdata(); } else { thematic_category_loop(); } }</code></pre> colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26620 Wed, 25 Apr 2012 04:58:26 +0000 colfelt 26620@http://themeshaper.com/forums/ Cool beans. Thanks Helga! helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26617 Wed, 25 Apr 2012 03:46:28 +0000 helgatheviking 26617@http://themeshaper.com/forums/ you got it. everything is better with bacon. yes, look through the extensions folder. you'll see plenty of places where it is set up to run childtheme_override_whatever in place of thematic_whatever. the overrides are far more intuitive than filters, but not always the best solution. usually depends on how much you need to change... or if there is a filter available. helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26618 Wed, 25 Apr 2012 03:46:28 +0000 helgatheviking 26618@http://themeshaper.com/forums/ you got it. everything is better with bacon. yes, look through the extensions folder. you'll see plenty of places where it is set up to run childtheme_override_whatever in place of thematic_whatever. the overrides are far more intuitive than filters, but not always the best solution. usually depends on how much you need to change... or if there is a filter available. colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26613 Wed, 25 Apr 2012 00:30:47 +0000 colfelt 26613@http://themeshaper.com/forums/ Well, clearly that's much more elegant. And anything that has bacon in it has to be good, right? So, the function childtheme_override_whateverfunction. That can be used to? Let me guess, override any function you can find that says thematic_whateverfunction? helgatheviking on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26598 Tue, 24 Apr 2012 15:02:52 +0000 helgatheviking 26598@http://themeshaper.com/forums/ as a general set up what about: <pre><code>function childtheme_override_category_loop(){ if(is_category('bacon')){ //put your special bacon loop here } else { thematic_category_loop(); } }</code></pre> colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26595 Tue, 24 Apr 2012 12:48:02 +0000 colfelt 26595@http://themeshaper.com/forums/ OK... I think I have it. Just in case someone else may find this helpful I'm pasting the code below. <pre><code>// remove the standard loop function remove_thematic_categoryloop() { remove_action('thematic_categoryloop', 'thematic_category_loop'); } add_action('init', 'remove_thematic_categoryloop'); // get the name of the category and store it in the variable $catslug function add_handmade_intro_categoryloop() { if (is_category( )) { $cat = get_query_var('cat'); $yourcat = get_category ($cat); $catslug = $yourcat->slug; // if this isn't in the menus category, do a normal loop if (!is_category('menus')){ query_posts('category_name='.$catslug); if (have_posts()) : while (have_posts()) : the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"><?php the_content(); ?></div> <?php endwhile; endif; wp_reset_postdata(); } // if it is in the category 'menus' then do these special loops if (is_category('menus')) { // loop for the content within the current category, // which has a custom field 'intro_article' which is equal to 1 $handmade_query = new WP_Query('category_name='.$catslug.'&meta_key=intro_article&meta_value=1'); while ($handmade_query->have_posts()) : $handmade_query->the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"><?php the_content(); ?></div> <?php endwhile; wp_reset_postdata(); ?> <?php // now loop to create an unordered list of the other posts in the category // but which have a custom field 'intro_article' which is equal to 0 ?> <ul id="sub-nav-ul"> <?php query_posts('category_name='.$catslug.'&meta_key=intro_article&meta_value=0'); if (have_posts()) : while (have_posts()) : the_post(); ?> <li id="sub-nav" class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"> <?php the_post_thumbnail(array(70,70));?><?php the_title(); ?></a></li> <?php endwhile; endif; ?></ul> <?php } } } add_action('thematic_categoryloop', 'add_handmade_intro_categoryloop');</code></pre> colfelt on "a loop that runs only on one category archive" http://themeshaper.com/forums/topic/a-loop-that-runs-only-on-one-category-archive#post-26591 Tue, 24 Apr 2012 10:39:22 +0000 colfelt 26591@http://themeshaper.com/forums/ Hi all, I am trying to call a function/loop specific to one category archive page. What I've done, is to remove the standard loop within my child-theme's functions.php, then replaced it with my 'special' loop. So far, I have cracked getting that 'special' loop to work nicely. But what I want to do now, is to only run the function which rips out the normal loop when we are on the category archive of a particular category ('menus'). Here's my code: <pre><code>// remove the standard loop function remove_thematic_categoryloop() { remove_action('thematic_categoryloop', 'thematic_category_loop'); } add_action('init', 'remove_thematic_categoryloop'); // get the name of the category and store it in the variable $catslug function add_handmade_intro_categoryloop() { if (is_category( )) { $cat = get_query_var('cat'); $yourcat = get_category ($cat); $catslug = $yourcat->slug; // loop for the content within the current category, // which has a custom field 'intro_article' which is equal to 1 $handmade_query = new WP_Query('category_name='.$catslug.'&meta_key=intro_article&meta_value=1'); while ($handmade_query->have_posts()) : $handmade_query->the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"><?php the_content(); ?></div> <?php endwhile; wp_reset_postdata(); ?> <?php // now loop to create an unordered list of the other posts in the category // but which have a custom field 'intro_article' which is equal to 0 ?> <ul id="sub-nav-ul"> <?php query_posts('category_name='.$catslug.'&meta_key=intro_article&meta_value=0'); if (have_posts()) : while (have_posts()) : the_post(); ?> <li id="sub-nav" class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"> <?php the_post_thumbnail(array(70,70));?><?php the_title(); ?></a></li> <?php endwhile; endif; ?></ul> <?php } } add_action('thematic_categoryloop', 'add_handmade_intro_categoryloop');</code></pre> So, I've tried to put in some "if (is_category('menus'))" stuff in before the function, which didn't work... and I have subsequently hit a wall and need some inspiration. I only want to call these functions if the category is 'menus'... Can anybody help me get over this hump? it would save me some hair. Thanks! ScottNix on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26552 Mon, 23 Apr 2012 03:32:51 +0000 ScottNix 26552@http://themeshaper.com/forums/ 1) I don't know if I am qualified to answer this one, but it would be a pain in the ass to use a grid system that way. It is one thing to borrow the math and apply it to Thematic, but if you wanted to use the classes from the grid system, you might as well completely rebuild Thematic from scratch also, or add 20 new divs with hooks. ;P 2)Conditional Classes are super simple, we are just adding it so only IE will read the classes based on versions utilizing conditional comments. It is way easier than it sound. Lets say IE6 and 7 are giving your problems and you need to add padding to both to fix it. <pre><code>.lt-ie8 #wrapper { padding: 0; }</code></pre> That CSS gets placed in your main CSS file, no need to add another "IE Only" stylesheet, just keep it all in one. The CSS says "Less Than Internet Explorer 8, use #wrapper { padding: 0; }". It is super simple, you will see it used on a few modern frameworks, html5boilerplate/foundation. 3)I try to be consistant when I say "Faking HTML5", the whole HTML5 thing is kind of gimmicky in that a browser doesn't really care what kind of doctype you feed it, so I just went with the HTML5 doctype, really I was after those conditional classes (for IE's) so we could target them since caching kills Thematics built in classes for browser type. The whole thing is the code just looks more modern with the HTML5Boilerplate.com header style. 4) If you have your media queries set up correctly, you can use a snippet of javascript to force old IE's to be responsive. The one I have used is respond.js, works fine if you have them set up correctly. Kathy posted an article that suggested feeding old IE's a fixed width layout, I personally like this idea and am setting up my thematic theme to give IE a single column layout by doing something like this (using conditional classes). <pre><code>.lt-ie9 #branding, .lt-ie9 .menu, .lt-ie9 #main, .lt-ie9 #subsidiary, .lt-ie9 #siteinfo { width:760px; margin:0 auto; padding:0 20px; }</code></pre> boom, IE 6,7 and 8 done. ;P 5) I don't really know anything about specifying viewport sizing. The one I posted just tells browsers to <a href="http://opensourcehacker.com/2012/01/09/setting-mobile-browser-viewport-mobilizing-websites-with-responsive-design-and-html5-part-4/">zoom in</a> to the devices native screen width. I don't know a ton about it really other than it is on every boilerplate/front-end dev framework I have seen lately. 6)I don't even know why you would have to dynamically do all that, what you are trying to do sounds way overcomplicated. Currently the responsive theme I am working on is one CSS file, I dunno why you would need multiples. :/ proto on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26535 Sun, 22 Apr 2012 07:21:51 +0000 proto 26535@http://themeshaper.com/forums/ Hey All, Thanks for the all the great replies on here, I've seen some really useful tips. I've setup a temporary test page for Thematic and 978.gs here, a few questions if I may to make Thematic and 978.gs work together: <a href="http://pixelwoo.org/978dynamiclayout/978demo.html" rel="nofollow">http://pixelwoo.org/978dynamiclayout/978demo.html</a> I had a few questions I wondered if someone could help me with: 1: If you look at the above demo, the containing div for the whole website I wasn't sure what to call the div that contained the whole website. If you look at the 978.gs files the div that contains the whole website is called "layout-1378", "layout-1218" etc. How do I dynamically generate that part of the markup so that my website is contained by the correct div layout depending on the screen size? Shouldn't they have called that "layout-container" or something like that and then the relevant CSS is displayed (like the way col1 means 4 different things depending on the size you view it at?) Even when I make the layout dynamic by editing the css layout code so that the div 'layout' refers to each specific layout container as set out in the 1378, 1218, 978, 748, 300 files etc. It still doesn't center and column one sits by the side of the title div? See here the demo for what I mean, each layout is specified in the top of each css file. I deleted the number specified in the as the container layout CSS after the layout, eg layout-1318 became layout and layout-1218 became layout also so that layout meant all of the top level containers. It still isn't quite working though (see demo above), where am I going wrong please? 2: ScottNix's brilliant work on the applying classes, does this mean that we can target IE 7-8 (our love to hate browsers) so that 978 and it's associated grids can work on those too? How does it work - do we have to include the css files again in a separate IE css file that when the class is displayed we tell the browser to fetch IE stylesheets? 3: Just curious - why do we create a html 5 boilerplate - is the way to get 978.gs to work with Thematic? I know they'll be a good reason for this, just curious! 4: On the 978.gs website it says something about using a Javascript plugin to recreate the media queries: "Our demo functions on Internet Explorer via a quick jQuery plugin we wrote to simulate Media Query support." Assume this means using this plugin means that 978.gs and it's associated layouts can work with IE 6-8 with this plugin with just the files and Javascript? 5: I understand that the viewport specifies the width of the layout (with some additional side padding for a little white space either side. Eg for the 978.gs they recommend a <code><meta name="viewport" content="width=1024" /></code> Does that mean after each call to CSS in our head file we should specify a viewport: eg: <pre><code><link rel="stylesheet" media="all and (min-width: 978px) and (max-width: 1217px)" href="grid-978.css"> <meta name="viewport" content="width=1024" /></code></pre> I see ScottNix already makes a reference to the viewport in his brilliant code, how do we get to specify each one of these? 6: The 978.gs demo site says "If you are dynamically changing the CSS with media queries, you probably want to prevent the viewport from being scaled: <meta name="viewport" content="initial-scale=1" />" Do we have to include that after each call to a a CSS file in the head of our website, eg: <pre><code><link rel="stylesheet" media="all and (min-width: 0px) and (max-width: 747px)" href="grid-300.css"> <meta name="viewport" content="width=348" /> <meta name="viewport" content="initial-scale=1" /></code></pre> Thanks for any of your help, hopefully this will help others that come after too :) Jagst3r15 on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26500 Fri, 20 Apr 2012 23:27:38 +0000 Jagst3r15 26500@http://themeshaper.com/forums/ i was gonna make one or ask someone to, so thanks ScottNix on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26499 Fri, 20 Apr 2012 22:41:36 +0000 ScottNix 26499@http://themeshaper.com/forums/ I am working on it, at first I was trying to figure out a way to keep a lot of the files structurally intact, but I gave up on that. I am trying to condense and remove redundant CSS. Looks like it will have to all reside in a child theme like you mentioned. I am not happy about having to do something with the drop down menu. ;x I prepose a Thematic IRC channel. <a href="http://webchat.freenode.net/?channels=thematic" rel="nofollow">http://webchat.freenode.net/?channels=thematic</a> Jagst3r15 on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26498 Fri, 20 Apr 2012 22:33:48 +0000 Jagst3r15 26498@http://themeshaper.com/forums/ yes but to slay it would be epic ;) ScottNix on "Thematic & Implementing Responsive Web Design" http://themeshaper.com/forums/topic/thematic-038-implementing-responsive-web-design#post-26494 Fri, 20 Apr 2012 20:37:27 +0000 ScottNix 26494@http://themeshaper.com/forums/ Thematic's stylesheet is a formidable opponent when it comes to fonts/line-heights. :(