Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Title Links and Padding issues in widgets


  #1  
Old Jan 5, 2010, 10:42 AM
dnavarrojr
 
16 posts · Jan 2010
Kansas, USA
http://www.digibard.org/index.php/about/

I have two problems. First is that I can't seem to address the padding inside of widget content boxes. I have tried adding:

"padding: 5px 5px;"

inside of "ATA->Style Widgets->Widget Content Box" and it doesn't do anything.

I have been trying like heck to get the ID of the content area for all widgets, but I can't figure it out.

My other problem is that I can't get links inside of widget titles (like the twitter widget on the above page) to be a different color without effecting the links in the content area as well. I can't find a unique ID for the widget title. I can for individual widgets like the twitter widget, but I can't find a more generic ID to effect the title in all widgets.

I have a Firefox plugin that lets me select items to get their IDs, but widgets are so weird that I can't find what I'm looking for.
  #2  
Old Jan 5, 2010, 10:47 AM
dnavarrojr
 
16 posts · Jan 2010
Kansas, USA
Unless there is no such thing as generic IDs to control padding, etc... for all widgets and they have to all be done individually...
  #3  
Old Jan 5, 2010, 03:06 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you read the description for 'Widget Content Box' you see
Quote:
Widget Content Box
The Widget Content Box is gone since Atahualpa 3.4. for better plugin compatibility. It was a propretiary Atahualpa feature that provided extra styling possibilites but didn't play well with all plugins because some of them rely heavily on widgets having the same structure as in the "Default" theme (which does not have this extra DIV inside each widget). Instead of "div.widget-container" the styles that you put here will be applied on "div.widget ul, div.textwidget". That will cover all text widgets and all widgets that consists of unordered lists, which should be the majority of all widgets. Otherwise look into the source code of a browser rendered page of your site to see which DIV or other HTML element wraps around the body content of the widget that was not covered by this, and add a CSS Insert such as: div.some-class { margin: 10px }.
Atahualpa doesn't generate the code for a widget, the plugins do, but they are not all consistant. So you have to look at the generated source of your page. This is what yours looks like with some editing to make it manageable
HTML Code:
<!-- Right Sidebar -->
<td id="right">

<div id="text-3" class="widget widget_text">
	<div class="widget-title">
		<h3>My Stock Footage &amp; Photos</h3>
	</div>			
	<div class="textwidget">
		...snip - a bunch of links - snip...	
	</div>		
</div>


<div id="text-4" class="widget widget_text">
	<div class="widget-title">
		<h3>Find me on the Web</h3>
	</div>			
	<div class="textwidget">
		...snip - a bunch of links - snip...	
	</div>
</div>


<div id="twitter-3" class="widget widget_twitter">
	<div>
		<div class="widget-title">
			<h3><a class="twitterwidget twitterwidget-title" title="Twitter: dnavarrojr" href="http://twitter.com/dnavarrojr" target="_blank">Follow Dave on Twitter</a></h3>
		</div>
		<ul>
			...snip - a big list - snip...	
		</ul>
	</div>
</div>


<div id="rss-3" class="widget widget_rss">

	<div class="widget-title">
		<h3><a class='rsswidget' href='http://www.pond5.com//rss_new_clips.php?artist=dnavarrojr' title='Syndicate this content'>Latest Pond5 Clips</a></h3>
	</div>
	<ul>
		...snip - a big list - snip...	
	</ul>
</div>

</td>
<!-- / Right Sidebar -->
The padding for the text widgets is easy, but look at the last widget, the one with id="rss-3". It has a div for the title but then it's just an unordered list. The structure is different from the other widgets. so you would have to use something like '.widget_rss ul li {padding.....} because of it's structure.

Wouldn't if be nice if there was a standard...alas...

Notice also that hte twitter widget has a different layout than eithor the text of the rss widget so the CSS selector would have to be different here also (.widget_twitter div ul li {padding.....})

Hope this helps explain why there is no universal fix.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Jan 5, 2010, 05:05 PM
dnavarrojr
 
16 posts · Jan 2010
Kansas, USA
Yeah, I was afraid of that... But I can easily get the ID's for the individual widgets, so I'll just have to fix them all individually.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Still having Post title styling issues Paleo Pat Atahualpa 3 Wordpress theme 0 Oct 26, 2009 09:24 AM
[SOLVED] How to underline links on hover in widgets? Whitelisted Sidebars & Widgets 3 Oct 10, 2009 01:24 PM
[SOLVED] Trying to return to Atahualpa - subscription links and padding ariels Sidebars & Widgets 15 Aug 30, 2009 05:52 PM
Odd padding/margin problem in sidebar with widgets GilbertCenter Sidebars & Widgets 2 Apr 6, 2009 12:15 PM
Formatting Links in widgets HenryGomez Sidebars & Widgets 1 Feb 2, 2009 10:18 PM


All times are GMT -6. The time now is 09:30 PM.


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