Has anyone used the plug-in "Widget CSS Classes"?
Have you had any success? It seems like an answer to one of my dreams...

I want to create borders around some of my custom widgets and manage them.


So I created a class "box_it" in the plug-in setup area and used it in one of my widgets (text)

I put

.box_it {border: 2px #707070 solid;}

In the custom css area and expected that the above instance of my widget would have a grey border of 2 px but it doe not.

try adding an important so you have

.box_it {border: 2px #707070 solid !important;}

and put it at the end of the the CSS inserts so it overrides anything else for that element.

OK, it works on standard widget areas but not on ones that I make. thanks. Do I need to put the code someplace else for the customized widget areas?

3.7.10 wp 3.5.1

I just tried it on a text widget and it worked fine for me as long as I added !important to the CSS.

hmmm a custom widget area inserted in header or footer area? side bars work for me but not the custom ones.

three sets off widgets in header area:

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align_1=9&align_2=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2
%image %bar2 <?php bfa_widget_area('name=under-header&cells=3&width_1=5&align_1=9&align_2=9&width_2=640&align_3=9&width_3=34
0&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> 
%bar2 <?php bfa_widget_area('name=mission &cells=4 &align=2 &width_1=200 &width_2=200 &width_3=200 &width_4=200&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

footer widget:

<?php bfa_widget_area('name=top-footer &cells=4 &align=2 &width_1=200 &width_2=200 &width_3=200 &width_4=200&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> <br/ >

Is it a typo or are there spaces in your widget code as shown here

PHP Code:

<?php bfa_widget_area('[color="DarkRed"]name=mission &cells=4 &align=2 &width_1=200 &width_2=200[/color] &width_3=200 &width_4=200&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2 %image %bar2 
<?php bfa_widget_area('name=under-header&cells=3&align=9&width_1=10&width_2=500&width_3=300&before_widget=<div id="%1$s" class="header-widget%2$s">&after_widget=</div>'); ?>

I had one in the footer that I took out for control and I had a third one in the header area that I removed as well. would it happen to have anything to do with the fact that I have more then one in header?

I don't think the multiple areas would cause a problem. Do your widgets that aren't working look like this screenshot?

what is the URL?

(just got back from visiting my new 4 hour old grandson (#3)

Originally Posted by lmilesw

I don't think the multiple areas would cause a problem. Do your widgets that aren't working look like this screenshot?

Yes they do, I have widget logic active as well. standard widgets work. It must have something to do with the way I set up my widget areas as I tested two of my other sites that act the same way

It's at a point where I would need to look at the back end to get any new ideas. If you PM me a login I will take a look.

which of your widget areas are the one you have customed?

The upper section "helping Haiti and Soccer" is in a widget. No effect from plug in

Text Here Same

See EVENTS it is red because I selected text_red assigned in CSS inserts as .text_red {color:red !important;}

This isn't working on any of my sites for widgets areas I have added.

Why don't you add that class to the new widget area code? You say you have

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2 %image %bar2 

so why not add the class in so you have

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="box_it header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2 %image %bar2 

Juggledad and I were discussing this and he mentioned that Magic Quotes being set to on could be the issue.

Originally Posted by juggledad

Why don't you add that class to the new widget area code? You say you have

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2 %image %bar2 

so why not add the class in so you have

<?php bfa_widget_area('name=above-header&cells=4&width_1=119&align=9&width_2=370&width_4=500&align_4=2&before_widget=<div id="%1$s" class="box_it header-widget %2$s">&after_widget=</div>'); ?> %bar1 %pages %bar2 %image %bar2 

Because I want to use the widget areas differently on other pages using widget logic,



Here is what is in there now (with returns to make it easier to read.

Just for Yucks I took out the entire class declaration of class="box_it header-widget %2$s" and it had no effect on site.

<?php bfa_widget_area('name=above-header&cells=4
&width_1=119
&align_1=9
&align_2=9
&width_2=370
&width_4=500
&align_4=2
&before_widget=<div id="%1$s" class="box_it header-widget %2$s">&after_widget=</div>'); ?> 

<?php bfa_widget_area('name=under-header&cells=3
&width_1=5
&align_1=9
&align_2=9
&width_2=640
&align_3=9
&width_3=340
&before_widget=<div id="%1$s" class="box_it header-widget %2$s">&after_widget=</div>'); ?>

Because this is happing on three of my sites that are all set up differently I suspect that there is some trouble in my widget declarations. I'd like to see an example of a entire declaration that works with this Plug-In.

Originally Posted by lmilesw

Juggledad and I were discussing this and he mentioned that Magic Quotes being set to on could be the issue.

so do I add

php_flag magic_quotes_gpc off

to my .htaccess file? or is there an easier way?

dealing with php settings is different at each host. You need to contact your host to find out the best/approved way to do it.

QUEST: Create custom widget areas within my site and address CSS on each individual use of the area within site separately.

Solution
1) Use "Widget CSS Classes" plug-in to address CSS for each widget
2) Use "Widget Logic" plug-in to give control of which page each individual widget will appear.

Important Note: for BlueHost hosted accounts (check with your host provider)
Edit pht.ini file in public_html directory | set "magic_quotes_gpc to "off".|

Thanks to lmilesw and juggledad!

I will post a site soon that shows the wonderful things you can do with this.

I'd love to hear what magic_quotes_gpc does.

On BlueHost (and HostMonster) you can set your PHP version to 5.3. Magic Quotes has been DEPRECATED as of PHP 5.3.0 and REMOVED as of PHP 5.4.0.