H3 for the sidebar.


Author Message
Kaetano

Posted: 11/12/2009
Quote message 

Hi I dont know how to put the sidebar titles (ex. Categories or tags) with h3. If anyone knows how i can do that ...

PS: Only for the titles of the sidebar i dont want all the sidebar with an h3.

Greetings ^^
 
Garry

Posted: 11/12/2009
Quote message 

Heading will move down spoiling the structure, if you wrap it in <h3>, instead you should increase its font size from following styling rule:

.art-BlockHeader .t {
color:#FFFFFF;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-style:normal;
font-weight:bold;
height:30px;
line-height:30px;
padding:0 6px;
white-space:nowrap;
}
 
Kaetano

Posted: 11/13/2009
Quote message 

Hello, thanks Garry for your response. I know that i have to change the Css. But i dont know where i have to put the h3 in the PHP files.

Thanks in advance.
 
Garry

Posted: 11/13/2009
Quote message 

You need to wrap following class in <h3> and I think you can find it in your sidebar.php:

<div class="t">Search</div>
 
Kaetano

Posted: 11/17/2009
Quote message 

Hi Garry and thanks for your response again. I thougth like you that i have to wrap <div class="t">Search</div> with h3, but it doesnt run, and i don't know what im doing wrong.
 
Garry

Posted: 11/17/2009
Quote message 

Class="t" is overriding h3, you need to remove that class and code should be:

<H3><div>Categories</div></H3>
 
Kaetano

Posted: 11/18/2009
Quote message 

This is my code of the sidebar1.php Could you modify it? I tried but i failed and i dont know what im doing wrong. Here is the code:

<div class="art-sidebar1">       <?php if (!art_sidebar(1)): ?> <div class="art-Block">     <div class="art-Block-body"> <div class="art-BlockHeader">     <div class="l"></div>     <div class="r"></div>     <div class="art-header-tag-icon">         <div class="t"><?php _e('Search', 'kubrick'); ?></div>     </div> </div><div class="art-BlockContent">     <div class="art-BlockContent-body"> <form method="get" name="searchform" action="<?php bloginfo('url'); ?>/"> <input type="text" value="<?php the_search_query(); ?>" name="s" style="width: 95%;" /> <span class="art-button-wrapper"> 	<span class="l"> </span> 	<span class="r"> </span> 	<input class="art-button" type="submit" name="search" value="<?php _e('Search', 'kubrick'); ?>"/> </span>  </form>      </div> </div>      </div> </div> <div class="art-Block">     <div class="art-Block-body"> <div class="art-BlockHeader">     <div class="l"></div>     <div class="r"></div>     <div class="art-header-tag-icon">         <div class="t"><?php _e('Categories', 'kubrick'); ?></div>     </div> </div><div class="art-BlockContent">     <div class="art-BlockContent-body"> <ul>   <?php wp_list_categories('show_count=1&title_li='); ?> </ul>     </div> </div>      </div> </div> <div class="art-Block">     <div class="art-Block-body"> <div class="art-BlockHeader">     <div class="l"></div>     <div class="r"></div>     <div class="art-header-tag-icon">         <div class="t"><?php _e('Archives', 'kubrick'); ?></div>     </div> </div><div class="art-BlockContent">     <div class="art-BlockContent-body">      <?php if ( is_404() || is_category() || is_day() || is_month() ||             is_year() || is_search() || is_paged() ) {       ?>       <?php /* If this is a 404 page */ if (is_404()) { ?>       <?php /* If this is a category archive */ } elseif (is_category()) { ?>       <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>  			<?php /* If this is a yearly archive */ } elseif (is_day()) { ?> 			<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>  			<?php /* If this is a monthly archive */ } elseif (is_month()) { ?> 			<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>  			<?php /* If this is a yearly archive */ } elseif (is_year()) { ?> 			<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>  			<?php /* If this is a monthly archive */ } elseif (is_search()) { ?> 			<p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>&#8216;%3$s&#8217;</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>  			<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?> 			<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>         <?php } ?>        <?php }?>              <ul>       <?php wp_get_archives('type=monthly&title_li='); ?>       </ul>          </div> </div>      </div> </div> <div class="art-Block">     <div class="art-Block-body"> <div class="art-BlockHeader">     <div class="l"></div>     <div class="r"></div>     <div class="art-header-tag-icon">         <div class="t"><?php _e('Links:', 'kubrick'); ?></div>     </div> </div><div class="art-BlockContent">     <div class="art-BlockContent-body"> <ul>       <?php wp_list_bookmarks('title_li=&categorize=0'); ?>       </ul>     </div> </div>      </div> </div>  <?php endif ?> </div>

 
Garry

Posted: 11/18/2009
Quote message 

Can I know what issue are you getting on trying my suggestion.
 
Kaetano

Posted: 11/19/2009
Quote message 

Hi Garry. When I tried your suggestion and wrapped the class"t" with h3 it doesnt detect class "t" like an h3. And if i change class"t" for <h3>categories</h3> it still doesnt run. If you can check the code that i wrote in my other message and modify it to run well with h3 in the titles of every widget of the sidebar, like categories, tags and that. Thanks in advance.

Greetings.
 
Bud

Posted: 11/19/2009
Quote message 

What Garry's saying is take this...

<div class="t"><?php _e('Categories', 'kubrick'); ?></div>


And make it like this...

<h3><div><?php _e('Categories', 'kubrick'); ?></div></h3>


That will make it like all the other h3 styles on your site and it may break the style of your blockheader.

If you want every blockheader to have the h3 tag you'll have to edit every instance of
<div class="t">
in the sidebar.php file.

This will only change the static info in the sidebar. When you drop a widget in the sidebar the style will go back because the widget blockheader style is defined in the functions.css file.

It really would be better to just edit the .art-BlockHeader .t CSS to get the style you want, but we may not understand what you ultimately want to accomplish. Modifying the CSS affects the static and dynamic data.

Bud
budstechshed.com
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *