Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Widget CSS Classes Plugin


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 4, 2013, 08:05 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
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
HTML Code:
.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.
  #2  
Old Feb 4, 2013, 09:11 AM
juggledad's Avatar
juggledad
 
21,938 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try adding an important so you have
HTML Code:
.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.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Feb 4, 2013, 12:36 PM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
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?
  #4  
Old Feb 4, 2013, 12:41 PM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
3.7.10 wp 3.5.1
  #5  
Old Feb 4, 2013, 01:04 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
I just tried it on a text widget and it worked fine for me as long as I added !important to the CSS.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Feb 4, 2013, 01:06 PM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
hmmm a custom widget area inserted in header or footer area? side bars work for me but not the custom ones.
  #7  
Old Feb 4, 2013, 01:38 PM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
three sets off widgets in header area:

HTML Code:
<?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:
HTML Code:
<?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/ >
  #8  
Old Feb 4, 2013, 02:19 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
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>'); ?>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Feb 4, 2013, 05:58 PM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
HTML Code:
<?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?
  #10  
Old Feb 4, 2013, 06:33 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
I don't think the multiple areas would cause a problem. Do your widgets that aren't working look like this screenshot?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Feb 4, 2013, 06:44 PM
juggledad's Avatar
juggledad
 
21,938 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what is the URL?

(just got back from visiting my new 4 hour old grandson (#3)
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #12  
Old Feb 5, 2013, 06:39 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
Quote:
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
  #13  
Old Feb 5, 2013, 06:50 AM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #14  
Old Feb 5, 2013, 07:37 AM
juggledad's Avatar
juggledad
 
21,938 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
which of your widget areas are the one you have customed?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #15  
Old Feb 5, 2013, 07:47 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
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.
  #16  
Old Feb 5, 2013, 08:44 AM
juggledad's Avatar
juggledad
 
21,938 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Why don't you add that class to the new widget area code? You say you have
HTML Code:
<?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
HTML Code:
<?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 
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #17  
Old Feb 5, 2013, 09:02 AM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
Juggledad and I were discussing this and he mentioned that Magic Quotes being set to on could be the issue.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #18  
Old Feb 5, 2013, 09:27 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
Quote:
Originally Posted by juggledad
Why don't you add that class to the new widget area code? You say you have
HTML Code:
<?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
HTML Code:
<?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.

Code:
<?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.
  #19  
Old Feb 5, 2013, 09:39 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
Quote:
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
Code:
php_flag magic_quotes_gpc off
to my .htaccess file? or is there an easier way?
  #20  
Old Feb 5, 2013, 10:18 AM
juggledad's Avatar
juggledad
 
21,938 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #21  
Old Feb 5, 2013, 11:21 AM
swimflyfast2's Avatar
swimflyfast2
 
148 posts · Aug 2010
Horse Country in Virginia
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.
  #22  
Old Feb 5, 2013, 02:33 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
plugin, widget css

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Differing hover images for each menu item using CSS classes Find IT Services Page & Category Menu Bars 5 Jan 14, 2013 02:47 PM
[SOLVED] Adding div's and classes to html in individual posts webgurl Center area post/pages 16 Jul 12, 2011 07:14 PM
[SOLVED] Classes added to style.css seem to be ignored kostermw Header configuration & styling 4 Oct 6, 2009 10:20 AM
Category description & category classes shedhed Page & Category Menu Bars 4 Mar 22, 2009 01:25 AM
How to create IDīs and Classes to address specific items in the theme ? Tigger Atahualpa 3 Wordpress theme 4 Mar 11, 2009 02:47 PM


All times are GMT -6. The time now is 12:04 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.