Ok, it's kind of working. Now I've got another problem:
I want to have one plugin (http://wordpress.org/extend/plugins/cat-tag-filter-widget/) with two styles: one style for the homepage, one style for the other pages. Let's say I want the form at the homepage having bigger fields than on the other pages. (Sorry for my bad english.)
Is this possible?
This is in the plugin functions PHP file:
Note the form within the "filter-cat" div.
function ctf_widget(){
global $ctf_options; ?>
<div class="filter-cat">
<form action="<?php echo get_bloginfo('wpurl') . '/' . PLUGINDIR . '/' . dirname(plugin_basename(__FILE__)) . '/cat-tag-filter.php'; ?>" method="post">
<?php if ($ctf_options['cat_list_label']) echo '<label for="ctf-cat-select">' . $ctf_options['cat_list_label'] . '</label>'; ?>
<select name="cat" class="ctf-cat-select" >
<option value="-1">
<?php if ($ctf_options['all_cats_text'] != '') echo $ctf_options['all_cats_text']; else _e('Any category', 'cat-tag-filter'); ?>
</option>
<?php echo cat_options(); ?>
</select>
<?php if ($ctf_options['tag_list_label']) echo '<label for="ctf-tag-select">' . $ctf_options['tag_list_label'] . '</label>'; ?>
<select name="tag" class="ctf-tag-select" >
<option value="-1">
<?php if ($ctf_options['all_tags_text'] != '') echo $ctf_options['all_tags_text']; else _e('Any tag', 'cat-tag-filter'); ?>
</option>
<?php echo tag_options(); ?>
</select>
<input type="hidden" name="ctf_submit" value="1" />
<input type="hidden" name="home_url" value="<?php bloginfo('url'); ?>" />
<input class="ctf-submit" class="button" type="submit" value="<?php echo $ctf_options['button_title']; ?>"/>
</form> </div>
This is in the style.css in the childtheme folder:
/* =Cat Tag Filter
-------------------------------------------------------------- */
.filter-cat{
font-size:12px;
border-style:solid;
border-width:3px;
}
.filter-cat .ctf-tag-select,.ctf-cat-select,.ctf-submit{
width: 130px;
}
.filter-cat .ctf-submit{
border-style:solid;
border-width:1px;
border-color:#000;
}
/* =Cat Tag Filter Home Only
-------------------------------------------------------------- */
.home-only .filter-cat{
font-size:24px;
border-style:solid;
border-width:8px;
}
.home-only .filter-cat .ctf-tag-select,.ctf-cat-select,.ctf-submit{
width: 200px;
}
.home-only .filter-cat .ctf-submit{
border-style:solid;
border-width:5px;
border-color:#FFF;
}
}
Styles are just an example.
I've got a different homepage calling the Cat Tag Filter widget within the "class="home-only" div.
It's working, only the
.ctf-tag-select, .ctf-cat-select and the .ctf-submit aren't visible at the homepage.
I hope you'll understand this problem. Thanks in advance for your replie!