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 »

Missing Style in Custom Widget Tables


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 25, 2011, 07:35 PM
pahoehoe
 
2 posts · Feb 2011
Hi,

I have several custom widgets using php to generate dynamic tables. My problem is that the table in the widget isn't displaying with the theme style. From reading through the ATO, I assume the tables should display with zebra stripe and hover effect for the rows. Instead, the table style is just blank.

So what am I missing? I'd rather not add style definitions to each of my custom widgets, but I will if it's the only way to go.

Thanks in advance. I'm not really a Wordpress or Atahualpa expert, but I've searched around the web and forums and haven't found an answer to this problem.
  #2  
Old Feb 26, 2011, 03:48 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
Styles are applied to HTML elements using

(1) the element name (like 'Table')
(2) an ID assigned to the element (<table id="table1">) ID must be unique on the page
(3) a CLASS assigned to the element (<td class="odd red">

Note you can have both an ID and classes assigned to the same element and any of the three, or combination of the three can be used in the CSS Selector

There is no naming convention.

Different people write different plugin's/widgets

What do you think the odds are that Flynn (the developer of Atahualpa) and plugin developer John Doe used the same 'class's to identify their tables??

This is a place where using FireBug in FireFox is quite handy because you can go look a the elements and see what classes are assigned and construct a CSS Selector and rule to style the area of the page the way you want it.
  #3  
Old Feb 26, 2011, 10:30 AM
pahoehoe
 
2 posts · Feb 2011
Thanks for the speedy reply. I used the My Custom Widgets plugin to set up my widgets, so I'm looking into the class definitions in my php code. I've tried it with and without defining class="zebra" in the table definition, with no success. I'll keep investigating the css settings further before checking back into this thread with more concrete details (on whether I'm able to solve this or not). Thanks again.
  #4  
Old Feb 27, 2011, 04:02 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
instead of looking into the code, view the source of a generated page and look at what is created for the widget. Using that you may be able to construct the css you need (easier to look at what gets created than the code that does the creating )

Last edited by juggledad; Mar 4, 2011 at 10:45 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Style 'Custom Menu' widget (WP 3.0) hlietz Sidebars & Widgets 10 Jan 22, 2011 08:41 AM
[SOLVED] Broken theme: missing style sheet Pwk0202 New Versions, & Updating 2 Oct 1, 2010 01:17 PM
Atahualpa 3.4.9 - Default custom fields are missing? suzbwise Atahualpa 3 Wordpress theme 0 Aug 14, 2010 02:03 PM
How to style individual tables left, center and right paintersinn Center area post/pages 1 Mar 24, 2010 11:00 PM
[SOLVED] Add New Post --- ALL Meta Custom Fields Missing KatyDigg Atahualpa 3 Wordpress theme 0 Sep 7, 2009 10:52 AM


All times are GMT -6. The time now is 01:26 PM.


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