Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

widget css not applying to wp custom fields search plugin


  #1  
Old Jun 8, 2011, 07:29 AM
lovin'wordpress
 
21 posts · Sep 2010
Australia
Hello, great work to everybody because I have had great help via this forum.

To increase the search specifics I have used wp custom fields search plugin. Everything is working great except that the widget css doesn't seem to apply to this plugin.

I have tried this plugin on other 2 themes like Transblack 1.0 by AskGraphics and Videotheme and it looks fine with those themes but not for when I use atahualpa.

Using atahualpa 3.5.3, wordpress 3.0.1

Any pointers? thanks.
  #2  
Old Jun 8, 2011, 08:29 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Use Firebug with Firefox to determine the CSS selectors.
__________________
~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.
  #3  
Old Jun 8, 2011, 11:33 AM
lovin'wordpress
 
21 posts · Sep 2010
Australia
I did and it is showing that the div.widget css is not being applied to it. Is there aw ay to even wrap the div around a widget in the sidebar?
  #4  
Old Jun 8, 2011, 04:01 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You just use the selectors the widget already has.
__________________
~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.
  #5  
Old Jun 8, 2011, 04:22 PM
juggledad's Avatar
juggledad
 
23,574 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Not all plugin authors use the same name conventions for the ID's and CLASS's they use in their widgets. Thus it becomes impossible to be able to style all widgets via the theme options.

In the case that you choose a widget that does not use the themes widget styling (because the author used different names) it becomes your responsibility to look at the generated source of the page and find the CSS Selectors you need to use and then create the CSS Selector and rules to style the widget, and put that code in the CSS Inserts option.

Ahhh if only everyone could be consistant...but that's what makes life (and widget sytling) interesting.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jun 8, 2011, 10:18 PM
lovin'wordpress
 
21 posts · Sep 2010
Australia
Alright. I'll give that a shot, thank you
  #7  
Old Jun 9, 2011, 02:40 AM
lovin'wordpress
 
21 posts · Sep 2010
Australia
Ok, so here's what I've done so far, I know we're close to it but I just don't know how to complete the last leg of this:

I've used firebug on the widgets admin area and figured out that the div id needed to wrap around the wp custom fields search widget is:

<div id="db_customsearch_widget-3" class="widget widget_db_customsearch_widget">the widget's code</div>

I know the div id above is correct because I've used the "Edit Html" feature in firebug and used the div id to wrap the widget and it has appeared how I wanted it to be.

The problem right now is try to bring that into reality. How do I wrap the widget with this new div id that isn't there originally?
  #8  
Old Jun 11, 2011, 11:30 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
It looks like you are not quite understanding all this. You don't determine a selector and then "wrap a div id around something. The widget in question already has an ID or CLASS applied to it. If you have determined that db_customsearch_widget-3 is the ID that is applied to it then you use that ID to apply CSS to the widget my placing code in ATO>Add HTML/CSS Inserts>CSS Inserts. For example to change the color of the text you would use something like
HTML Code:
#db_customsearch_widget-3 {
color: #dddddd;
}
To make the text gray.

If what I just said is confusing you should go to w3schools.com and run through some tutorials on 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.

Bookmarks

Tags
widget css, wp custome fields search

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
preset bfa custom fields (bfa_ata_option meta fields) Douglas Center area post/pages 2 Jan 3, 2011 05:36 PM
Custom job: Adding fields to search property terminator Customization, Design, Programming... 1 Apr 21, 2010 05:29 PM
[SOLVED] Google Custom Search Widget not working. simonsaysgo Sidebars & Widgets 1 Jan 6, 2010 08:27 PM
wp-custom-fields-search Results Not displaying Byline/Footer joan Plugins & Atahualpa 1 Sep 17, 2009 11:38 AM
Google Custom Search Plugin upscho Plugins & Atahualpa 0 Feb 27, 2009 04:51 AM


All times are GMT -6. The time now is 12:18 AM.


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