ThemeShaper Forums Tag: class

ThemeShaper Forums Tag: class http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 18:33:17 +0000 Mihovil on "Which file should I edit to add my own class to class="attachment-thumbnail" ?" http://themeshaper.com/forums/topic/which-file-should-i-edit-to-add-my-own-class-to-classattachment-thumbnail#post-27374 Mon, 11 Jun 2012 15:35:29 +0000 Mihovil 27374@http://themeshaper.com/forums/ Switched to the new forum -> <a href="http://thematictheme.com/forums/topic/which-file-should-i-edit-to-add-my-own-class-to-classattachment-thumbnail/" rel="nofollow">http://thematictheme.com/forums/topic/which-file-should-i-edit-to-add-my-own-class-to-classattachment-thumbnail/</a> :) Mihovil on "Which file should I edit to add my own class to class="attachment-thumbnail" ?" http://themeshaper.com/forums/topic/which-file-should-i-edit-to-add-my-own-class-to-classattachment-thumbnail#post-27372 Mon, 11 Jun 2012 14:59:56 +0000 Mihovil 27372@http://themeshaper.com/forums/ Hi everyone, Can someone please tell me which page of TTF should I edit to add my own class to "attachment-thumbnail" class? Basically what I need to do is add new class so I will get this: class="attachment-thumbnail lightbox" - this way my attached images will open in a pop up and not just in the parent window as they do by default. Thanks! helgatheviking on "[HOW TO] Add custom js depending on browser type and version" http://themeshaper.com/forums/topic/how-to-add-custom-js-depending-on-browser-type-and-version#post-24206 Thu, 08 Dec 2011 12:17:17 +0000 helgatheviking 24206@http://themeshaper.com/forums/ nice share! wlanni on "[HOW TO] Add custom js depending on browser type and version" http://themeshaper.com/forums/topic/how-to-add-custom-js-depending-on-browser-type-and-version#post-24197 Thu, 08 Dec 2011 07:07:30 +0000 wlanni 24197@http://themeshaper.com/forums/ Hello! I was struggling to do this and thought I'd share it out in case anyone else searches for something similar. The problem: I needed to enqueue different versions of a light box js (MediaBoxAdvanced in this case) for different browsers, as for some reason IE7 and IE8 were throwing back an error that the methods in use in the newer MBA weren't supported. I always create a custom js_head_load() function that I probably picked up here years ago. And, we all know (or will rapidly find out) about using conditional statements. HOWEVER, there are no specific conditionals for detecting both a browser type AND a browser version number. BUT, we also all know (or will rapidly find out) about the really freakin' sweet custom body classes thematic adds, including browser specific classes. (The most recent updated versions of browsers including mobile may have been added recently as well, not sure. <a href="http://themeshaper.com/forums/topic/dynamic-body-classes">See this post.</a>) So I added this conditional to my enqueue function that searches the thematic_body_class() set of strings. If ie7 or ie8 appear on that list, it registers the older version of the script. Otherwise, it just uses the most recent version. This would be even better if it were converted into a custom conditional function, but at the moment I've got a ton of work to do, so that will have to wait. <pre><code>function js_head_load(){ $body_classes = thematic_body_class( $print = false); if(!is_admin()){ //so that we're not loading unecessary scripts in the admin wp_deregister_script('jquery'); //load jquery libs off google wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"), '1.7.0'); wp_enqueue_script('jquery'); wp_register_script('jqueryui', ("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"), '1.8.16'); wp_enqueue_script('jqueryui'); //detect if browser is ie7 or ie8. //If so, load in old versions of mootools and mediaboxadvanced if ( stripos($body_classes, "ie7") || stripos($body_classes, "ie8") !== false) { wp_register_script('mootools', get_bloginfo('stylesheet_directory') . '/js/mootools-1.2.5-core-yc.js', false, '1.2.5'); wp_register_script('mediabox', get_bloginfo('stylesheet_directory') . '/js/mediaboxAdv-1.2.5.js', array('mootools'), '1.2.5'); } else { wp_register_script('mootools', get_bloginfo('stylesheet_directory') . '/js/mootools-core-1.4.2-full-compat.js', false, '1.4.2'); wp_register_script('mediabox', get_bloginfo('stylesheet_directory') . '/js/mediaboxAdv.js', array('mootools'), '1.5.4'); } wp_enqueue_script('mootools'); wp_enqueue_script('mediabox'); } } add_action('init', 'js_head_load');</code></pre> Jonny Janiero on "Adding class to content div" http://themeshaper.com/forums/topic/adding-class-to-content-div#post-21633 Sat, 04 Jun 2011 15:24:32 +0000 Jonny Janiero 21633@http://themeshaper.com/forums/ yes, that solution should work. you could also use conditional tags to display a different class value for different layouts, etc. <pre><code>function change_content_class(){ if (is_category() { $class = '<div id="content" class="grid_18">'; } else { $class = '<div id="content" class="grid_22">'; } return $class . "\n"; } add_filter('thematic_open_id_content','change_content_class');</code></pre> helgatheviking on "Adding class to content div" http://themeshaper.com/forums/topic/adding-class-to-content-div#post-21632 Sat, 04 Jun 2011 02:54:16 +0000 helgatheviking 21632@http://themeshaper.com/forums/ well taking a quick look at any of the templates i see <pre><code>echo apply_filters( 'thematic_open_id_content', '<div id="content">' . "\n" );</code></pre> so i believe you ought to be able to filter it <pre><code>function change_content_class(){ return <div id="content" class="grid_18">' . "\n"; } add_filter('thematic_open_id_content','change_content_class');</code></pre> totally untested mikeward on "Adding class to content div" http://themeshaper.com/forums/topic/adding-class-to-content-div#post-21616 Fri, 03 Jun 2011 01:48:15 +0000 mikeward 21616@http://themeshaper.com/forums/ I am sorry if this is a repeat but I cannot find a valid solution. I would like to add a class to the <div id="content"> to make it say <div id="content" class="grid_18"> or something along those lines. I have code working for the primary and secondary asides but cannot get it to work for the content div. Can anyone help? Thanks middlesister on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20366 Thu, 07 Apr 2011 09:06:32 +0000 middlesister 20366@http://themeshaper.com/forums/ Ok, maybe I just didn't understand what you were trying to do. Glad that you found a solution anyway. :) alexenergy on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20353 Wed, 06 Apr 2011 22:09:01 +0000 alexenergy 20353@http://themeshaper.com/forums/ Middlesister, I tried before .sf-menu .current-cat, but it did not work neither for the following posts, only works for the first. Finally I solved the problem by using categories in the menu and redirect them to the first post of its category. I used the plugin Category Redirect to Post/Page. alexenergy on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20259 Sun, 03 Apr 2011 20:54:10 +0000 alexenergy 20259@http://themeshaper.com/forums/ <a href="http://themeshaper.com/forums/topic/how-to-make-category-pages-show-the-content-of-the-last-post" rel="nofollow">http://themeshaper.com/forums/topic/how-to-make-category-pages-show-the-content-of-the-last-post</a> alexenergy on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20247 Sun, 03 Apr 2011 11:45:58 +0000 alexenergy 20247@http://themeshaper.com/forums/ I working to solve the problem by redirecting the category page to a single post middlesister on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20185 Thu, 31 Mar 2011 18:14:06 +0000 middlesister 20185@http://themeshaper.com/forums/ What kind of menus are you using? You get different set of classes depending on whether you use the new menu system in WP 3.0 or use some of the other wordpress functions to generate it. Based on your first post I would suggest <pre><code>.sf-menu .current-cat a, .sf-menu .current-custom-item a, .sf-menu .current-menu-item a, .sf-menu .current-post-ancestor a, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { color:#fff; background: url("images/hover.gif") top left no-repeat; }</code></pre> But I see <code>.current-menu-item</code> as one of the selectors. This is a class that gets generated by the menu system in WP 3.0. The parents in the hierarchy gets <code>.current-menu-parent</code> and <code>.current-menu-ancestor</code>, respectively. If you are using the menus in WP 3.0 then the css would be <pre><code>.sf-menu .current-custom-item a, .sf-menu .current-menu-item a, .sf-menu .current-menu-parent a, .sf-menu .current-menu-ancestor a, .sf-menu .current-post-ancestor a, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { color:#fff; background: url("images/hover.gif") top left no-repeat; }</code></pre> alexenergy on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20145 Wed, 30 Mar 2011 15:20:34 +0000 alexenergy 20145@http://themeshaper.com/forums/ Currently, I am using this CSS, but only works for post of the category .sf-menu .current-custom-item a, .sf-menu .current-menu-item a, .sf-menu .current-post-ancestor a, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { color:#fff; background: url("images/hover.gif") top left no-repeat; } alexenergy on "Classes to highlight menu for posts" http://themeshaper.com/forums/topic/classes-to-highlight-menu-for-posts-4#post-20144 Wed, 30 Mar 2011 15:19:24 +0000 alexenergy 20144@http://themeshaper.com/forums/ My menus are related to posts with the same category and uses this to highlight the menus: My CSS works until I click the navigation footer to see the next post for the same category, then I lost the hover highlight on the menu. I could not find an explanation. I found that there are more class to highlight menus: (cat-item current-cat current-cat-item) How can I activate the classes above for sf-menu? wprunner on "Security Threat added by Thematic to author" http://themeshaper.com/forums/topic/security-threat-added-by-thematic-to-author#post-18065 Mon, 03 Jan 2011 02:03:53 +0000 wprunner 18065@http://themeshaper.com/forums/ Hi, When an Author/Admin comments on a post, Thematic puts the author username in the class of the comment. For example, if the user is "admin" , a class is added to his comment as "comment-author-admin". Many users change the name of the WordPress Admin user name from the default to something that is not easy for others to guess or crack. This adds a layer of security. Unfortunately, Thematic reveals this username in comments classes. So for example, if someone changed it to "secretadmin" the class will show as comment-author-secretadmin. I didn't see this in the class TwentyTen theme, only with Thematic. Please fix this security problem. Thanks. antesark on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16830 Mon, 08 Nov 2010 18:09:41 +0000 antesark 16830@http://themeshaper.com/forums/ Hehe.. :) Gah, that was simpple, should have figured that out by myself, tried quite a few things, but ofc did not try to remove the add_action. Thanks again. Keep up the good work! Chris on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16828 Mon, 08 Nov 2010 17:34:38 +0000 Chris 16828@http://themeshaper.com/forums/ Aarrgh .. Ante, I hereby declare that you are officially allowed to use the hashtag #blamethematic4you in all your tweets talking about bugs in Thematic ;) Remove the add_action() part. Normally all childtheme_override_ actions should be hooked automatically to the proper action hooks. Unfortunately I had a couple of add_action() calls inside of the if-clause. This was fixed in the latest SVN copies. Chris antesark on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16823 Mon, 08 Nov 2010 11:48:07 +0000 antesark 16823@http://themeshaper.com/forums/ Thank you Chris, it worked like a charm. Tho I run into some problems with childtheme_override-functions. Content seemed to be printed twice. Tex: <code> function childtheme_override_siteinfoclose() { ?> This page took <?php echo timer_stop(); ?> seconds to load </div> <?php } add_action('thematic_footer', 'childtheme_override_siteinfoclose', 40); </code> You can check this out at <a href="http://109.74.195.148/testsite/" rel="nofollow">http://109.74.195.148/testsite/</a> .. located at the footer obviously. Had the same problem with childtheme_override_brandingopen/brandingclose. The header img got printed out twice, but fixed it with not using override-function at all. Chris on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16798 Sat, 06 Nov 2010 13:45:52 +0000 Chris 16798@http://themeshaper.com/forums/ Hi Ante, grab the current SVN copy. I integrated the new filter <code>thematic_open_id_content</code>. The following code will add your class to #content: <pre><code>function add_my_class() { return '<div id="content" class="my_class">' . "\n"; } add_filter( 'thematic_open_id_content', 'add_my_class' );</code></pre> Best, Chris antesark on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16760 Sat, 06 Nov 2010 00:08:57 +0000 antesark 16760@http://themeshaper.com/forums/ Thank you Chris for your answer. That would be perfect! Actually I need to add the class-tag to the div id "content", not to container, but ofc I can modify it as I like if you just open the whole container div so it can be modified (and everything inside it). Bottom point, I just need to add class="eqh" to div content. And if your interested, the reason I need this class is so I can apply thematics equal height javascript to fix sidebar/content overflow (got sidebar on position: absolute). The site I'm working on is located at <a href="http://109.74.195.148/testsite/" rel="nofollow">http://109.74.195.148/testsite/</a> .. With best regards, Ante Chris on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16755 Fri, 05 Nov 2010 21:37:11 +0000 Chris 16755@http://themeshaper.com/forums/ Hi, I could create a filter for this. Something like <code>thematic_open_container_id</code>. This could be filtered using: <pre><code>function add_container_class($markup) { return '<div id="container" class="my_class"; } add_filter( 'thematic_open_container_id', 'add_container_class' );</code></pre> With additional if-clauses you could define different classes for index, single, page, and so on. Let me know if this would solve your problem. Chris antesark on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16740 Fri, 05 Nov 2010 13:28:08 +0000 antesark 16740@http://themeshaper.com/forums/ Up.. antesark on "Add class tag to <div id="content">" http://themeshaper.com/forums/topic/add-class-tag-to-ltdiv-idcontentgt#post-16704 Wed, 03 Nov 2010 11:37:38 +0000 antesark 16704@http://themeshaper.com/forums/ Hey, How can I add class="my_class" tag to <div id="content"> without modifying the base thematic theme files (page.php, archives.php etc)? mogito2000 on "Add dynamic id to div within the loop" http://themeshaper.com/forums/topic/add-dynamic-id-to-div-within-the-loop#post-15419 Tue, 07 Sep 2010 09:10:29 +0000 mogito2000 15419@http://themeshaper.com/forums/ Appologies, this was actually fairly simple and is not that relevant to thematic. To solve use: <code><div id="post-<?php the_ID(); ?>" <?php post_class(); ?>></code> mogito2000 on "Add dynamic id to div within the loop" http://themeshaper.com/forums/topic/add-dynamic-id-to-div-within-the-loop#post-15398 Mon, 06 Sep 2010 11:51:18 +0000 mogito2000 15398@http://themeshaper.com/forums/ Hello again, How would i go about adding a unique id or class to a repeating div within the loop? .....Any ideas? Thanks Mogito helgatheviking on "Adding a class=".." to blog-title" http://themeshaper.com/forums/topic/adding-a-class-to-blog-title#post-15143 Fri, 27 Aug 2010 14:54:57 +0000 helgatheviking 15143@http://themeshaper.com/forums/ i am not familiar w/ that particular child theme, but there was either 1. another instance of add_action('thematic_header','somebodys_blogtitle',3); that would need to be removed or 2. you are using thematic 0.9.6.2 and so the override logic doesn't apply. but either way you were sort of using a 2x4 to swat a fly... glad the css solved the problem. mrsmarshah on "Adding a class=".." to blog-title" http://themeshaper.com/forums/topic/adding-a-class-to-blog-title#post-15141 Fri, 27 Aug 2010 14:24:19 +0000 mrsmarshah 15141@http://themeshaper.com/forums/ Thank you Helga! I had no idea it was that simple. I just used CSS <code>#blog-title span</code> and coded it that way. (I was trying to use the <code>@font-face</code> code.) This worked just fine. I am using the Thematic Feature Site Child Theme, when I put the code you gave me in my functions file it duplicated my blog title. Anyhow, the problem is resolved. Thank you so very much! helgatheviking on "Adding a class=".." to blog-title" http://themeshaper.com/forums/topic/adding-a-class-to-blog-title#post-15139 Fri, 27 Aug 2010 14:04:56 +0000 helgatheviking 15139@http://themeshaper.com/forums/ you never edit the original files, that is the whole point of hooks and filters. to do anything you usually need to identify which function is responsible for the thing you want to change or the location of hook you want to add a new function too. In your case (the former) you want to edit the blog title so you need to find the function that creates it. All the functions are in the thematic folder, under extensions. thematic_blogtitle happens to be in the header-extensions.php file... along w/ everything that goes in the header part of a theme (title, description, menu, etc, etc). you will need to override (if you are using the latest dev thematic 0.9.7.4) the existing function by dropping this into your functions.php <pre><code>function childtheme_override_blogtitle() { ?> <div id="blog-title"><a href="<?php bloginfo('url') ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></a></div> <?php } add_action('thematic_header','childtheme_override_blogtitle',3);</code></pre> however- if you look at the original code it already has a span in the blog title so idk why you really need to give it a specific class. you can target it via css just with #blog-title span though your question about adding chunkfive as a span and then the end code (which doesnt mention chunkfive) don't jive.. this should help as you can modify the above function anyway you want. mrsmarshah on "Adding a class=".." to blog-title" http://themeshaper.com/forums/topic/adding-a-class-to-blog-title#post-15137 Fri, 27 Aug 2010 13:23:49 +0000 mrsmarshah 15137@http://themeshaper.com/forums/ I know it should be obvious, but I can't seem to wrap my brain around this. I have read through all of the hooks and filter tutorials. I'm new at this, maybe it will just take a few trials until it clicks. I am trying to add <code>a class="Chunkfive"</code> to my blog-title without editing the original files. In the end I would like it to look like this: <code><div id="blog-title"> <a>Delicious</a> </div></code> izms on "Adding AddThis to Autofocus+" http://themeshaper.com/forums/topic/adding-addthis-to-autofocus#post-14824 Thu, 19 Aug 2010 01:08:19 +0000 izms 14824@http://themeshaper.com/forums/ I am trying to put an AddThis bar underneath the title of a single post page using Autofocus+. Where do I find class="entry-title"? Also, when I use Google to search for my site it displays the menu items and other random stuff in the description, any suggestions on how to change this? Thank you very much!