ThemeShaper Forums User Favorites: raquelwilson

ThemeShaper Forums User Favorites: raquelwilson http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 20 Jun 2013 05:57:13 +0000 accessprogram on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-26017 Tue, 20 Mar 2012 01:42:17 +0000 accessprogram 26017@http://themeshaper.com/forums/ You all doing a great job thanks for sharing such a nice and informative post. Hdsded on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-25950 Fri, 16 Mar 2012 06:56:43 +0000 Hdsded 25950@http://themeshaper.com/forums/ Upload your header image (which should be 960px wide) to your media library and then post the URL of that image here and we can help you with the code. <a href="http://www.61designstreet.com/" rel="nofollow">http://www.61designstreet.com/</a> Logan on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-24266 Tue, 13 Dec 2011 06:58:03 +0000 Logan 24266@http://themeshaper.com/forums/ Depends on how the themes HTML was built. If you add it, it may mess other things up. If you aren't good with HTML and CSS, I suggest you not worry about it. If you want it hat bad, find the author of theme and get his/her assistance. If you don't know the author, look in themes HTML for that. It's usually at the top or at the bottom. mrmikeman on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-23210 Sat, 24 Sep 2011 06:51:45 +0000 mrmikeman 23210@http://themeshaper.com/forums/ im trying to do this same thing now and i add the code above and i get a syntax error on function my_header_widgets() { that line ^ petergus on "Help with CSS Styles for Drop Down Menus in Thematic 0.9" http://themeshaper.com/forums/topic/help-with-css-styles-for-drop-down-menus-in-thematic-09#post-22914 Tue, 30 Aug 2011 15:57:08 +0000 petergus 22914@http://themeshaper.com/forums/ so, to open this back up, im wanting to do some cool css... i want to make the 1st level current li change when i hover over one of its siblings....any ideas? helgatheviking on "Show category menu across site" http://themeshaper.com/forums/topic/show-category-menu-across-site#post-22384 Wed, 20 Jul 2011 04:16:48 +0000 helgatheviking 22384@http://themeshaper.com/forums/ you can add categories via the custom menu feature, but doing it all automatically sounds difficult logostar on "Show category menu across site" http://themeshaper.com/forums/topic/show-category-menu-across-site#post-22378 Tue, 19 Jul 2011 17:35:06 +0000 logostar 22378@http://themeshaper.com/forums/ I think the only way to [to display pages and categories as "equals" in the menu] is to build it by hand. -Too much work! However... because it is built with php (learning) its all the more difficult. logostar on "Show category menu across site" http://themeshaper.com/forums/topic/show-category-menu-across-site#post-22377 Tue, 19 Jul 2011 17:31:03 +0000 logostar 22377@http://themeshaper.com/forums/ jennifery on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-20645 Mon, 18 Apr 2011 02:25:50 +0000 jennifery 20645@http://themeshaper.com/forums/ I'm a watch addict who likes to share any information and design toward Tag Heuer Replica Watches, if you are looking for a great watch then consider going to the best online store.http://www.repliwatch.com jennifery on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-20644 Mon, 18 Apr 2011 02:24:43 +0000 jennifery 20644@http://themeshaper.com/forums/ hey alex456 on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-20379 Thu, 07 Apr 2011 23:09:43 +0000 alex456 20379@http://themeshaper.com/forums/ kingsinger, you need to try out Total Widget Control. I think it will make working on widget placement a lot easier for you. louisJ on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19947 Wed, 23 Mar 2011 15:57:54 +0000 louisJ 19947@http://themeshaper.com/forums/ The code here works better for me! <a href="http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas#post-6660" rel="nofollow">http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas#post-6660</a> louisJ on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19923 Tue, 22 Mar 2011 20:54:43 +0000 louisJ 19923@http://themeshaper.com/forums/ Hi I am a noob, I added Chris' code in my child theme functions.php but I don't see the new area for the header widget with firebug...no header-aside appears in the code. Can somebody help me please? By the way there are a lot of 'init' functions in the wordpress directory, which one of those is hooked here? Thanks benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19552 Mon, 07 Mar 2011 17:26:50 +0000 benfrain.com 19552@http://themeshaper.com/forums/ One more point - didn't spot the post by cannobbio. Anyone finding this post in the future - make sure you paste the code from his post otherwise you will suffer validation errors as the first post is missing the code to make closing and tags. Here is the working code again: <pre><code>// This will create your widget area function my_widgets_init() { register_sidebar(array( 'name' => 'Header Aside', 'id' => 'header-aside', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "</li>\n", 'before_title' => "<h3 class=\"widgettitle\">", 'after_title' => "</h3>\n", )); } add_action( 'init', 'my_widgets_init' ); // adding the widget area to your child theme function my_header_widgets() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) { echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('header-aside'); echo '' . "\n" . '</ul>'. "\n"; echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_header', 'my_header_widgets', 8);</code></pre> Gigi on "Show category menu across site" http://themeshaper.com/forums/topic/show-category-menu-across-site#post-19484 Thu, 03 Mar 2011 17:42:53 +0000 Gigi 19484@http://themeshaper.com/forums/ So, just to clarify, there is no way to display pages and categories as "equals" in the menu? sooraw on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-19480 Thu, 03 Mar 2011 08:51:03 +0000 sooraw 19480@http://themeshaper.com/forums/ Hi I am using the code that Danieliser posted a few post earlier to display the header I have a wrapper also. The wrapper is 1000 px wide and my header is 1000px wide. But I cant get the header to line up with the wrapper on the left side, there seems to be some kind of padding that I have to change but I cant find it I posted an image of what my site looks like now. Anyone know how I can move the header to the left? <a href="http://imgur.com/GC64S" rel="nofollow">http://imgur.com/GC64S</a> This is the code for the wrapper im using <pre><code>#wrapper { margin: 0 auto; width: 1000px; } #wrapper { background: #f1e9e9; margin-top: 0px; border:0px solid #ccc; padding: 0 20px; }</code></pre> vivimine on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-19366 Fri, 25 Feb 2011 07:23:42 +0000 vivimine 19366@http://themeshaper.com/forums/ Awesome! Thanks for sharing! benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19361 Thu, 24 Feb 2011 21:47:25 +0000 benfrain.com 19361@http://themeshaper.com/forums/ Aha - managed to suss it. This hook thing is pretty impressive. Any future readers who need the answer... To create this widget area (#header-aside) as the first div within #header and therefore above the logo area etc Just amend the code Chris used on the first page of the thread and change the hook number from '8' to '1' - Amazing stuff. Thanks for this great resource people - I'm learning loads! // This will create your widget area function my_widgets_init() { register_sidebar(array( 'name' => 'Header Aside', 'id' => 'header-aside', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "", 'before_title' => "<h3 class=\"widgettitle\">", 'after_title' => "</h3>\n", )); } add_action( 'init', 'my_widgets_init' ); // adding the widget area to your child theme function my_header_widgets() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) { echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('header-aside'); echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_header', 'my_header_widgets', 8); benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19354 Thu, 24 Feb 2011 16:44:45 +0000 benfrain.com 19354@http://themeshaper.com/forums/ Sorry to drag up an old thread but can someone enlighten me... I'd like my #header-aside DIV to be BEFORE my #branding DIV (as I'm going for a full length banner across the top of my site). How do I do this? More specifically, what do I need to change in Chris's code to swap up the order. Spent a few hours banging my head against the table - someone please point me to the light! Thanks - Ben ingular on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-19352 Thu, 24 Feb 2011 15:42:28 +0000 ingular 19352@http://themeshaper.com/forums/ Hi, I have a small image next to my blog-title, and I was wondering if there was any way to have the image link be different to the link of the text? So basically is it possible to have two links in the blog-title instead of one? thanks a lot for thematic! and all the forum posts, really helpful Dansolo on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-19061 Wed, 09 Feb 2011 22:43:40 +0000 Dansolo 19061@http://themeshaper.com/forums/ Hi guys, I modify the code manually to insert the logo <code> <div id="logo"> <a>/" rel="home"><img src="<?php echo get_bloginfo('stylesheet_directory')?>/images/logo.jpg" title="<?php bloginfo('name') ?>"></a></div> <?php /*add_wicked_top_aside();*/ thematic_access(); ?></div> <div id="branding"> ... </code> but what is the code to get the skin folder path? I mean: get_bloginfo('stylesheet_directory')?>/"RED"/images/logo.jpg thx, Daniel PeterStephens on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-18885 Wed, 02 Feb 2011 03:26:44 +0000 PeterStephens 18885@http://themeshaper.com/forums/ I just wanted to thank you guys for this post and this forum. Thanks to them, I've figured out how to get rid of the blog's name above my header image on the Power child Thematic theme and how to hyperlink my header image. This is no small feat for me! richardnblock on "Help with CSS Styles for Drop Down Menus in Thematic 0.9" http://themeshaper.com/forums/topic/help-with-css-styles-for-drop-down-menus-in-thematic-09#post-17906 Fri, 24 Dec 2010 09:18:48 +0000 richardnblock 17906@http://themeshaper.com/forums/ Hi there, With what I believe is the latest Thematic release, I'm customizing my Superfish menu. I think I have it looking nice (richard n block dot com, at the top, no spaces or anything in the URL). I had been having some bugs, which this thread helped me iron out -- thanks to all. One last glitch I can't seem to solve: When I click on a link in a dropdown menu (e.g. Services > Writing), then mouse out before the page loads, the background for that LI goes transparent. I've tried changing all the background properties, and I've even specified some weird things with CSS, but nothing works, or it also has unintended consequences on other LI or A items. THis seems only to happen in Firefox. Is there a fix? EDITED TO ADD: I don't know what I changed, but it works now. However, my dropdowns don't look right in Chrome now. I don't know if it isn't rendering transparent background attribute for a dropdown menu or what . . . My original code is below, including snippets posted above; my changes are visible in the source at the URL in my post. Code below: <blockquote>` /* Menu -------------------------------------------------------------- */ .skip-link { display:none; } #access { height: 34px; background: url('images/access_bg.png') repeat-x; border: 0; outline: 0; overflow: visible; z-index: 100; } .sf-menu { border-right: 0; font-size:15px; font-family:"Franklin Gothic Medium", "Franklin Gothic", Helvetica, Arial, sans-serif; } .sf-menu a, .sf-menu a:visited { text-decoration: none; border: 0; outline: 0; color: #eee; background: transparent; } .sf-menu ul { margin-top:2px; border-right:2px solid #102040; border-left:2px solid #102040; border-bottom:2px solid #102040; } .sf-menu li { /* top level elements */ background: transparent; color: #eee; border: 0; outline: 0; } .sf-menu li li { /* second level elements */ background: #4e5a70; border: 0; outline: 0; } .sf-menu li li li { /*third level elements */ background: #102040; border: 0; outline: 0; } .sf-menu li:hover { /* box for hover item, level 1 */ background: transparent; border: 0; outline: 0; } .sf-menu li a:hover { /* text for link in hover item, level 1 */ color: #fff; } .sf-menu li.sfHover { /* active PARENT level list item WHEN CHILD LIST IS DROPPED DOWN*/ background: transparent; color: #fff; border: 0; outline: 0; } .sf-menu a:focus { /* current menu */ background: transparent; border: 0; outline: 0; } .sf-menu li li a { background: #4e5a70; color: #eee; } .sf-menu li li a:hover { /* hovered element, level 2 */ background: #803333; color: #fff; border: 0; outline: 0; } ` </blockquote> AlexanderJacob on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-17781 Wed, 15 Dec 2010 03:42:12 +0000 AlexanderJacob 17781@http://themeshaper.com/forums/ So I have the Autofocus Pro theme and it lets you upload a custom image for a header, but at the cost of losing its "clickability." Can someone who has this exact theme please tell me how to make the image I uploaded clickable again. I am a newbie at CSS but with clear directions I can do it. Elizabethl on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-17701 Sun, 12 Dec 2010 17:13:10 +0000 Elizabethl 17701@http://themeshaper.com/forums/ Hi, I am a complete newbie with CSS but somehow I managed to upload header pics into css and update it through <a href="http://FTP." rel="nofollow">FTP.</a> However, how do I insert the logo on the right hand side of my header instead of replacing the blog title? ( I want to keep the blog title on the left side of the header) Thanks in advance Danieliser on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-16486 Thu, 21 Oct 2010 13:01:18 +0000 Danieliser 16486@http://themeshaper.com/forums/ Try this for your header image. Using text-indent:-9000; can get you penalized in google rankings, its best to not try and hide text anywhere outside the renderable window. This method keeps all of the Thematic SEO Goodness by adding a span with link to the header below the blog title and description. This span is sized to 100% of the header div and will appear layered over your header text. You can read about it <a href="http://wizardinternetsolutions.com/wordpress/thematic/thematic-header-image-way/" title="Thematic Header Image The Right Way!">here</a>. Here is the snippet Add this to functions.php <pre><code>// Add Header Image // Add Header Image function thematic_logo_image() { echo '<a href="'.get_bloginfo('url').'" title="'.get_bloginfo('name').'" ></a>'; } add_action('thematic_header','thematic_logo_image',6);</code></pre> And this to styles.css <pre><code>#branding { height: 187px; /* Change this to your images height */ padding: 0; position:relative; } #header-image { background:url("images/header.jpg") no-repeat transparent; /* Change This to Your Image */ height:100%; width:100%; position:absolute; cursor: pointer; top:0; }</code></pre> daveread on "Making a new widget area in Power Blog" http://themeshaper.com/forums/topic/making-a-new-widget-area-in-power-blog#post-15301 Wed, 01 Sep 2010 14:30:13 +0000 daveread 15301@http://themeshaper.com/forums/ Chris, Is there a way to add the belowmainasides widget when there already is the added header-asides widget? I get the error message " ... my_widgets_init" already declared. When I delete the header-aside, your belowmainasides widget works fine. Thanks, Dave anybody99 on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-14713 Sat, 14 Aug 2010 20:08:29 +0000 anybody99 14713@http://themeshaper.com/forums/ you used a text indent, it's a good technique to use for other areas as well, such as footer area if it has the sites logo. cypress34 on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-14104 Sat, 24 Jul 2010 09:33:02 +0000 cypress34 14104@http://themeshaper.com/forums/ I made a blog post on the tutorial for the header image based on this thread and how I did mine. You can check it out here: <a href="http://z3olyte.com/how-to-replace-header-title-with-custom-image-in-thematic-feature-site/" rel="nofollow">http://z3olyte.com/how-to-replace-header-title-with-custom-image-in-thematic-feature-site/</a> this can also apply to other thematic child themes Bionic Squid on "Adding a Header Image" http://themeshaper.com/forums/topic/adding-a-header-image/page/3#post-14074 Thu, 22 Jul 2010 19:34:03 +0000 Bionic Squid 14074@http://themeshaper.com/forums/ I love Thematic and am using a child theme at <a href="http://www.radicalunions.com." rel="nofollow">www.radicalunions.com.</a> I've got the logo showing but currently the whole header is clickable using onclick etc in the header div. I'd like to put the onclick code in the branding div so only the logo is clickable but I don't see that as an actual div in the header, only in the CSS. Before I start adding divs inside the header on my child style sheet I thought I'd see if anyone could give me some help on this. Thanks. -Jonathan