ThemeShaper Forums Tag: divs

ThemeShaper Forums Tag: divs http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 07:35:01 +0000 Gigi on "Add div tags to breadcrumb navigation" http://themeshaper.com/forums/topic/add-div-tags-to-breadcrumb-navigation#post-20767 Fri, 22 Apr 2011 14:33:57 +0000 Gigi 20767@http://themeshaper.com/forums/ Hey Pictrix, Not sure if I'm in the right place but I'm trying to add a breadcrumb navigation in the "page top" widget area but need to put it into several custom divs for styling. How might I go about doing that using this code? Any help would be greatly appreciated! davidthiel on "Adding sidebar widgets that clear main content" http://themeshaper.com/forums/topic/adding-sidebar-widgets-that-clear-main-content#post-13728 Wed, 07 Jul 2010 17:40:44 +0000 davidthiel 13728@http://themeshaper.com/forums/ Hey... how'd you get the subsidiaries above the footer? ... sorry I'm no help on your actual question :-) statusquota on "Adding sidebar widgets that clear main content" http://themeshaper.com/forums/topic/adding-sidebar-widgets-that-clear-main-content#post-13712 Tue, 06 Jul 2010 19:16:42 +0000 statusquota 13712@http://themeshaper.com/forums/ Hi, I'm trying to add content in an almost magazine-y layout in a child theme of Thematic. I have the 3 column layout (left, main content, right) and I've gotten the subsidiary widget areas to move above the footer. However, what I need them to do is come up right under the primary/secondary widget areas. I tried moving them using belowmainasides but that didn't work... does anyone have a suggestion of how I could do that? And/or a way to implement side divs where I could style the entire div to float left rather than individual ones that won't clear? I really appreciate it... thanks so much! Pictrix on "Add div tags to breadcrumb navigation" http://themeshaper.com/forums/topic/add-div-tags-to-breadcrumb-navigation#post-11505 Sat, 17 Apr 2010 03:16:28 +0000 Pictrix 11505@http://themeshaper.com/forums/ I've been playing with this code more an it does not work for Level-3 pages. I've given up and I'll use the NavXT plugin for now. Although I could have placed the NavXT widget in any of the widget areas, I ended up placing it above the container by adding the following script to the functions.php file (full credit is due to Chris): <code> <?php // ---------- ADD BREADCRUMB NAVIGATION function breadcrumb() { ?> <div id="breadcrumb"> <?php if(function_exists('bcn_display')) { bcn_display(); } ?> </div> <?php } add_action ('thematic_abovecontainer', 'breadcrumb', 1); // ---------- END - ADD BREADCRUMB NAVIGATION ?> </code> Note that there's a CSS-ready section included in the "Asides, Sidebars & Widget-Ready Areas" in the default.css file --just style away. It would be exciting if the next version of Thematic comes with a built-in breadcrumb navigation option... I'll keep my fingers crossed! Pictrix on "Add div tags to breadcrumb navigation" http://themeshaper.com/forums/topic/add-div-tags-to-breadcrumb-navigation#post-11470 Fri, 16 Apr 2010 01:10:46 +0000 Pictrix 11470@http://themeshaper.com/forums/ I'm trying to place the code below between <div></div> tags in order to style it. However, no matter where I place the div tags, they aren't working properly: when I check the "view source" I get the </div> tag at the top of my document and not at at the end of the breadcrumb navigation as it should be. My PHP script, which is otherwise working correctly is: <code> <?php // ---------- ADD BREADCRUMB NAVIGATION ABOVE CONTAINER if (!function_exists('breadcrumb')) { function breadcrumb() { if ( !is_home() || !is_front_page() ) { global $post; _e(' ') . bloginfo('name') . _e(' > '); if ( is_category() ) { single_cat_title(); //the_category(', '); } elseif ( is_single() ) { the_category(', ') . _e(' > ') . the_title() . _e(''); } elseif ( is_page() && $post->post_parent ) { _e( get_the_title($post->post_parent) ); _e(' > '); _e( the_title() .''); } elseif ( is_page() ) { _e( the_title() . ''); } elseif ( is_search() ) { _e('Search in: ') . the_search_query() . _e(''); } } } } ?> <?php add_action('thematic_abovecontainer','breadcrumb'); // ---------- END - ADD BREADCRUMB NAVIGATION ABOVE CONTAINER ?> </code> Any suggestions? amygail on "Background image issues" http://themeshaper.com/forums/topic/background-image-issues#post-6696 Thu, 24 Sep 2009 19:22:44 +0000 amygail 6696@http://themeshaper.com/forums/ can you post a link or at least the css you're using? goodbobman on "Background image issues" http://themeshaper.com/forums/topic/background-image-issues#post-6693 Thu, 24 Sep 2009 03:47:42 +0000 goodbobman 6693@http://themeshaper.com/forums/ Hi; I've created a child theme. I'm creating a page template and using one background image in the body and another, called LETTERHEAD to cover the bulk of the page, which I had put in the wrapper div. Here's the RUB: each new page entry calls the wrapper div AGAIN, which means I have LETTERHEAD on top of LETTERHEAD for a bad effect. What can be done? Other hooks to use for LETTERHEAD? thank you johnny baconbitz on "can't find some div and class css in Thematic?" http://themeshaper.com/forums/topic/cant-find-some-div-and-class-css-in-thematic#post-1238 Sat, 10 Jan 2009 03:26:20 +0000 johnny baconbitz 1238@http://themeshaper.com/forums/ Chris, thanks. So there are remnants of code that live on like a class of .widgettitle that are just picking up parental or cascading css? Funny, I spent so much time looking for that css in the theme css that I never thought of just writing a new css for it. I'll try it, thanks. Ed Chris on "can't find some div and class css in Thematic?" http://themeshaper.com/forums/topic/cant-find-some-div-and-class-css-in-thematic#post-1211 Sat, 03 Jan 2009 15:10:34 +0000 Chris 1211@http://themeshaper.com/forums/ There're different approaches to CSS. You could create a DIV, a CLASS and an ID for each element in your theme. Pretty hard to learn, understand and to read. A classic case for a designer suffering from what is commonly known as Divititis, or, using the HTML DIV element to tag all of the content. Or you could use a hierarchical, semantic HTML and contextual CSS. That means .. not every single element has a unique name .. but can be located by describing it's position in the CSS tree. Let's say .. you would like to change the appearance of the titles in "Primary Aside" only .. create a new entry in your CSS file describing the location: #primary h3 {color:red;} Let's say .. the red titles are ok, but the title of the "categories" widget in "Primary Aside" should be blue .. create an additional entry: #primary #categories h3 {color:blue;} Don't worry if not everything will work out at once .. I had the same time of trial and error. Once you got it, it's much easier to work with. Let me know if you need more examples or help. Cheers, Chris johnny baconbitz on "can't find some div and class css in Thematic?" http://themeshaper.com/forums/topic/cant-find-some-div-and-class-css-in-thematic#post-1203 Tue, 30 Dec 2008 06:00:10 +0000 johnny baconbitz 1203@http://themeshaper.com/forums/ Using web developer in Firefox to isolate some info in the main aside. So one area is: <code>#primary .aside main-aside</code> Only, can't find any css for #primary or class of .aside main-aside? On another, in the aside, web dev is telling me a <h3> with a class of .widgettitle, no where I can find? The css that makes that <h3> dance is actually a class called .main-aside h3? What is the disparity coming from in what web developer thinks it is named with what actually is its name? Makes for a lot of trial and error in the css. Seems there are several cases like this. Any help is appreciated.