ThemeShaper Forums: Forum: Thematic

ThemeShaper Forums: Forum: Thematic - Recent Posts http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 07 Feb 2012 23:02:17 +0000 fwunder on "How are you using Thematic?" http://themeshaper.com/forums/topic/how-are-you-using-thematic/page/8#post-25220 Tue, 07 Feb 2012 22:32:29 +0000 fwunder 25220@http://themeshaper.com/forums/ @robYardman Compass/SASS is not a replacement for Thematic's excellent native style structures. It's not CSS - It's a tool for helping to create CSS. The variables, math functions, mixens, etc. speed the process and (for me) just makes sense. I was struggling with an efficient way to create something like this: <a href="http://grafiks101.com/dev/just-for-fun/" rel="nofollow">http://grafiks101.com/dev/just-for-fun/</a> for a project I was working on. The supplied 3c-fixed.css may have been a better way to go, but I was already a little familiar with the method I used and Compass/SASS (and Thematic) made it relatively easy to develop. I hope that makes sense. 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: <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> I do not see the classes applied to the html tag. Also, border-radius is not working in IE7 or 8. My css is: <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> 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! helgatheviking on "HTML5 Boilerplate Header with Thematic" http://themeshaper.com/forums/topic/html5-boilerplate-header-with-thematic#post-25218 Tue, 07 Feb 2012 21:03:55 +0000 helgatheviking 25218@http://themeshaper.com/forums/ both very good points. thematic will eventually need to go html5 to stay 'competitive'. it doesn't have to go html5 to become responsive. i'm not really sure where i fall on the idea of plugin versus fork. thematic actually is mirrored at github, but the problem w/ git is you can only have 1 contributor on a free account. robYardman on "How are you using Thematic?" http://themeshaper.com/forums/topic/how-are-you-using-thematic/page/8#post-25217 Tue, 07 Feb 2012 19:31:07 +0000 robYardman 25217@http://themeshaper.com/forums/ @fwunder What does Compass offer over Thematic's native column structuring? Jagst3r15 on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25216 Tue, 07 Feb 2012 15:17:16 +0000 Jagst3r15 25216@http://themeshaper.com/forums/ thanks, i'll use that. hopefully it's not too hard to use helgatheviking on "Adding Pinterest button" http://themeshaper.com/forums/topic/adding-pinterest-button#post-25215 Tue, 07 Feb 2012 14:28:44 +0000 helgatheviking 25215@http://themeshaper.com/forums/ if you only want the pinterest pin to appear on single posts (As opposed to single posts and everywhere it appears as an excerpt.. like in archives) then i think you should wrap that in some conditional logic. check out: <a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> thematic_belowpost happens on archive pages. so i'd modify the above as: <pre><code>//--- Adding Pin it button below posts function webmagic_adding_pinterest() { if(is_single()): ?> <div id=\"pinterest\"><a href=\"javascript: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> <?php endif;} add_action('thematic_belowpost', 'webmagic_adding_pinterest');</code></pre> use is_singular if you'd like to include pages as well as single blog posts. helgatheviking 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-25214 Tue, 07 Feb 2012 14:23:35 +0000 helgatheviking 25214@http://themeshaper.com/forums/ james, you need to associate your email with a gravatar account. <a href="http://gravatar.com/" rel="nofollow">http://gravatar.com/</a> helgatheviking on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25213 Tue, 07 Feb 2012 14:21:44 +0000 helgatheviking 25213@http://themeshaper.com/forums/ right proto, copy them into style.css in the same order they were imported.. and then you have no need to import them. if you really wanted to reduce load, you'd combine the rules... but that's too much effort for me. theme options, i always go w/ devin price's options framework: <a href="http://wptheming.com/options-framework-plugin/" rel="nofollow">http://wptheming.com/options-framework-plugin/</a> then i'd add the php-dependent style rules directly to the header... something like: <pre><code>function kia_theme_option_css(){ ?> <style> body {background: <?php echo of_get_option('background_color','#FFF'); ?>; </style> <?php } add_action('wp_head','kia_theme_option_css',99);</code></pre> proto on "Adding Pinterest button" http://themeshaper.com/forums/topic/adding-pinterest-button#post-25212 Tue, 07 Feb 2012 12:42:22 +0000 proto 25212@http://themeshaper.com/forums/ PS - Please add the code so it's within the php tags in your functions.php file, as follows: <code><?php <Copy and paste the code above here> ?></code> proto on "Positioning Z-index problem" http://themeshaper.com/forums/topic/positioning-z-index-problem#post-25211 Tue, 07 Feb 2012 12:15:58 +0000 proto 25211@http://themeshaper.com/forums/ Hello him, Are you using firebug (firefox) or Google Chrome and their inbuilt developer tools? You should be able to identify the problem there. Using firebug I do see a difference in your #main styling. I get the following CSS styling on your homepage for the #main element: <pre><code>.home #main (line 356) {background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; <difference is here>margin-top: 0px;<difference is here> z-index: 1;}</code></pre> But for the main element I get: <pre><code>#main (line 326) {background-color: #ffffff; background-image: url("images/top_bar.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-clip: border-box; background-origin: padding-box; background-size: auto auto; <difference is here>margin-top: -40px;<difference is here> margin-left: 35px; margin-right: 35px; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; overflow-x: hidden; overflow-y: hidden; position: relative; width: 920px; z-index: 1;}</code></pre> So it looks like your .home #main styling may be taking precedence over just your #main styling because it appears after in the order of your stylesheet. Try adjusting your css so they're both the same, something like (I've put in 40px, but put whatever you want here): <code>.home #main {margin-top: -40px;}</code> If that doesn't work I'd use Firebug (Firefox) or Google Chrome and its inbuilt developer tools (right click to inspect an element). The only other thought I'd is that I think (happy to be corrected on this) z-index requires to an element to be positioned. See here <a href="http://www.w3schools.com/cssref/pr_pos_z-index.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_pos_z-index.asp</a> Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed). Someone else might have another suggestion, that's how I'd go about identifying the problem. Firebug (Firefox) or Google Chrome have great developer tools, you're probably already using them, if not I would definitely recommend they'll make your life a LOT easier! Hope the above helps... 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!! proto on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25209 Tue, 07 Feb 2012 10:34:59 +0000 proto 25209@http://themeshaper.com/forums/ Hell all, Obviously I'd go with Hegla's recommendations, she has a lot of experience and helped me out of many a scrape or two! From the above it sounds like you'd reduce load time by have one mega master css file? Assume once you've copied and pasted, default.css, reset.css etc, etc into your child theme css file there's no need to import them? Jagst3r15 - good luck with it all! proto on "Adding Pinterest button" http://themeshaper.com/forums/topic/adding-pinterest-button#post-25208 Tue, 07 Feb 2012 09:55:30 +0000 proto 25208@http://themeshaper.com/forums/ Hey cookieandkate, You can use an action hook to add this below each of your posts. I have just tested the following code and it worked fine for me. Add the following code to your child theme"functions.php" file. <pre><code>//--- Adding Pin it button below posts function webmagic_adding_pinterest() { echo ("<div id=\"pinterest\"><a href=\"javascript: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>");} add_action('thematic_belowpost', 'webmagic_adding_pinterest');</code></pre> I wondered if it might be helpful to explain this briefly, I promise what I'm doing is actually straightforward. Apologies if this over basic as clearly you're intelligent and already have built a great website or two, but please bear with my analogy! Imagine a pristine white wall in front of you, action hooks are like small black velcro rectangles in various places on this white wall (where these rectangular velcro boxes are depends on the theme and how it's been constructed). If you want to add something to those strategically places pieces of velcro, you 'hook' your action (code) onto one of those pieces of velcro. In this case we imagine the white wall that is Thematic, we want to know where all the inbuilt rectangular velcro hooks are placed for this theme - see all of them here: <a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> You can see there's one called "thematic_belowpost()". If you look at the code above and see the last line " add_action('thematic_belowpost', 'webmagic_adding_pinterest');" we've literally just said add our action to the thematic_belowpost, in this case I made up a name for the function "webmagic_adding_pinterest" - call this whatever you want. Incidentally, I've added a div id to the default code "pinterest" so you can target it in your css. You may or may not want to do this. Also, if you want to align it left / right etc obviously amend the code accordingly that currently says aligncenter. As a vegetarian your website looks awesome by the way, I wasn't even hungry until seeing all that delicious food! There are many talented people advising on here, who may have a better suggestion, but that's how I'd go about it! Hope the above helps :) 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-25207 Tue, 07 Feb 2012 07:52:53 +0000 sixfootjames 25207@http://themeshaper.com/forums/ Thanks Helga! I will look into that then ;) By the way, how do I change my profile pic on this forum? 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 Jagst3r15 on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25204 Tue, 07 Feb 2012 01:04:50 +0000 Jagst3r15 25204@http://themeshaper.com/forums/ and what about Theme Options...could I make a Theme Options admin panel for my users so that they could change that light blue color to whatever they want via an html code picker or something? Or is that impossible to do unless I make 500 different css files with different colors? helgatheviking on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25203 Tue, 07 Feb 2012 00:48:19 +0000 helgatheviking 25203@http://themeshaper.com/forums/ if you are going to be doing a lot of work, then i would recommend that you copy default.css into your child's style.css. actually, i'd recommend that you copy the other imported sheets too even if you don't make any changes to the reset, typography and image.css sheets. the reason i recommend this is that importing everything separately means that a browser has to load 4-5 css files instead of one. cutting down on those "round trips" will make your site a little leaner and meaner. i recommend doing something similar w/ all the javascripts too... (combining them i mean)... but that is more advanced, though i wrote something in the forum on it somewhere. proto on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25202 Tue, 07 Feb 2012 00:29:20 +0000 proto 25202@http://themeshaper.com/forums/ Sure good luck with it all! Good to know you'll be using your child theme. You'll notice that your default.css file is imported as virtually the first lines of code in your child theme style.css file, along the lines of: <pre><code>/* Default css Stylesheets */ @import url('../thematic/style.css');</code></pre> So yes modify things you want to change in your child theme style.css file - it does take precedence :) and is safe for upgrades. If you think your query has been answered please mark it as resolved at the top. There's some great people on here who have helped me a lot so I try and put back too! Jagst3r15 on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25201 Tue, 07 Feb 2012 00:06:53 +0000 Jagst3r15 25201@http://themeshaper.com/forums/ I should have said that I know about Child Themes a little, as I am building my own - <a href="http://jagst3r15.com" rel="nofollow">http://jagst3r15.com</a> for example - but was not sure about which style sheet took precedence. I'll go ahead and restore the original default.css and paste only the altered portions of the default.css into the style.css (I think this is correct?) I am good with development of HTML and CSS in general, so don't be offended at my newbness -- I'm merely new to Thematic and developing WP Themes :-) proto on "Child theme and default.css" http://themeshaper.com/forums/topic/child-theme-and-defaultcss#post-25200 Mon, 06 Feb 2012 23:47:12 +0000 proto 25200@http://themeshaper.com/forums/ Hi Jagst3r15, You don't need to move the default.css file, it's definitely not recommended. If you're using a child theme all the default.css styles are automatically inherited as a starting point. Any changes you make to your child theme style.css file override the default.css. Of course, the advantage of a child theme when it comes to upgrading theme all your child theme styles are retained! I would suggest you read this on child themes: <a href="http://themeshaper.com/thematic/guide/?page_id=66" rel="nofollow">http://themeshaper.com/thematic/guide/?page_id=66</a> If you want to know a little more here's another useful link: <a href="http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/" rel="nofollow">http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/</a> In short, I would not move your default.css file. Develop a child theme. The default.css files are imported (see articles above) but when you change something in your child theme style.css file that is the one that takes precedence! There's no reason to move the default.css file. Hope the above helps, definitely worth reading and you'll see for yourself why it makes sense to use a child theme for so many reasons! 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 "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-25198 Mon, 06 Feb 2012 19:35:40 +0000 sixfootjames 25198@http://themeshaper.com/forums/ Stuck it in the root and works a charm! behavior: url(/PIE.php); 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 middlesister on "HTML5 Boilerplate Header with Thematic" http://themeshaper.com/forums/topic/html5-boilerplate-header-with-thematic#post-25196 Mon, 06 Feb 2012 11:41:15 +0000 middlesister 25196@http://themeshaper.com/forums/ Thanks for you input. I had no intention of trying to coax thematic into using the whole boilerplate, just making the markup HTML5. I wonder if you are not mixing things up a bit. You don't need HTML5 in order to make you site responsive, you can do that just fine already the way it is now. I think Helga already started an approach with <a href="https://github.com/helgatheviking/Thematic-Adaptive." rel="nofollow">https://github.com/helgatheviking/Thematic-Adaptive.</a> Also, the use of HTML5 shiv/shim is only necessary if you want to support older versions, other people have made <a href="http://jonikorpi.com/leaving-old-IE-behind/">other decisions</a>. I also think it would be a bad idea to bundle modernizr with thematic as each project would be better off to make their own custom build. An argument could be made for switching to normalize.css instead of today's reset, but in general I think a lot of people are more comfortable with adding css to their child themes. Not so much with changing markup with php, and that is where this plugin could come in handy. I think you are both right and wrong in calling thematic outdated. It has been quite some time since the last release and a lot has happened since then, especially regarding wordpress and it's theme requirements. The code is in need of a refreshment, and the last couple of weeks have shown a great deal of progress at googlecode in that respect. But not using HTML5 right now is not making it completely outdated per se - not just yet. Like I said, it is a moving target and specs are still changing. Heck, for a short while last year we <a href="http://www.brucelawson.co.uk/2011/goodbye-html5-time-hello-data/">didn't even have the time element!</a> A lot of things and best practices are still being figured out (in projects such as the boilerplate), and for a theme framework like thematic it's impossible to keep up with the latest and the greatest when it is not clear exactly what the latest and greatest is. Now don't get me wrong - HTML5 *is* the future - but the future is still a bit muddy, and I understand why some would prefer to wait until the smoke settles a bit and use the pieces that have stood the test of time. But I think it would be foolish to just sit and wait until the spec is finished since that will be a looong way off. Much better to use what we can today and be part of the development of the future. My idea with the plugin would be to enable us that like to follow along with the bleeding edge to do so, while still having a framework we are familiar with. And also facilitate a discussion of how and where to use these new elements in the thematic context. Like what should be an <code>aside</code> and what should be a <code>section</code>, that sort of thing. A beginning might be taking a sneaky peek at twentyeleven. The additions of scripts and styles would still be up to the child theme. Just a bit less of filtering to think about. Jagst3r15 on "Child Theme and commercial usage" http://themeshaper.com/forums/topic/child-theme-and-commercial-usage#post-25195 Mon, 06 Feb 2012 04:51:23 +0000 Jagst3r15 25195@http://themeshaper.com/forums/ Well that is true, but 50 dollars for one theme is a lot in my opinion. Regardless, this project will be an epic struggle for me since I am not completely literate in php yet! :P I will probably just let people use it for free since my theme will not be the greatest... helgatheviking on "Child Theme and commercial usage" http://themeshaper.com/forums/topic/child-theme-and-commercial-usage#post-25194 Mon, 06 Feb 2012 04:00:59 +0000 helgatheviking 25194@http://themeshaper.com/forums/ it isn't really ridiculous when you start to think about all the time and effort that goes into a making and supporting a theme.... as you will soon see. we've just been really spoiled w/ all the great stuff that is available for free. what other industry gives so much away? Jagst3r15 on "Child Theme and commercial usage" http://themeshaper.com/forums/topic/child-theme-and-commercial-usage#post-25191 Mon, 06 Feb 2012 01:45:59 +0000 Jagst3r15 25191@http://themeshaper.com/forums/ I am going to build a thematic child theme based on the wordpress.org/com layout. I'm going to charge like 15 dollars for it, but it will be a great theme! It is ridiculous that like the Shade Pro Theme is like 50 bux. Visit Jagst3r15.com for a working example. I of course am going to credit Thematic for being a great open source framework! proto on "extra padding for a specific widget" http://themeshaper.com/forums/topic/extra-padding-for-a-specific-widget#post-25190 Sun, 05 Feb 2012 17:41:24 +0000 proto 25190@http://themeshaper.com/forums/ Hello Jhismith, Are you using Firebug (Firefox) or Google Chrome to see the CSS ID's & classes you need to target? If you're not I would highly recommend that you use either of these to identify the area that you'd like to edit. They'll make your life so much easier for any changes that you need to do in the future, so you'll be able to have complete control over the changes you'd like to make! After inspecting the element in Google Chrome (just right click when using that browser, select, "inspect element") and you'll see the following ID's and classes appear: <code><li id="listcategorypostswidget-2" class="widgetcontainer widget_listcategorypostswidget"><h3 class="widgettitle">DiA Articles on Kenya</h3></code> So you might want to target those with something like: <code>li#listcategorypostswidget-2 {padding-top: 30px;}</code> Check if any other styles are overriding your style change (Firefox's Firebug and Google Chrome's in built developer tools show you all the styles applied to an element). Try experimenting but if that doesn't work use Google Chrome or Firefox's Firebug developer tools to assist. I hope it's of some help to you! 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! :) 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.