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 »

[SOLVED] A small problem...


  #1  
Old Jan 26, 2012, 07:44 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
I have empty space in my header that I cannot account for. (That is header, not head...)

Between the widget at the top which holds the header image and login, and the page menu... Check it out: http://www.theblogfarm.com/

Any idea how I can find and eliminate this space?
  #2  
Old Jan 26, 2012, 08:38 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use FireBug to examine the header area and look at each element in the widget area to see which is the culprit (hint: look at each widget and their elements)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 26, 2012, 08:46 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Okay, I did that, it shows my widget area height. Is there any way to adjust or set the height on the custom widget?
  #4  
Old Jan 26, 2012, 09:02 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you look at the div's (like in the last widget)?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 26, 2012, 09:08 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
The only div's I have are in the last (right) widget, which are needed to align the table. See below...

Is there any way to achieve the same layout and eliminate the div?

<div align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><a href="/login/">login</a> | <a href="/login/?action=logout&amp;_wpnonce=8c6d206766">logout</a>
| <a href="/login_logout/?action=register">register</a> | <a href="/wp-admin/profile.php">profile</a></td>
</tr>
<tr>
<td>
<p align="right"><a href="http://www.facebook.com/TBFAdmin" target="_blank"><img src="/images/facebook.png"></a>&nbsp;<a href="http://www.twitter.com/theblogfarm" target="_blank"><img src="/images/twitter.png"></a>&nbsp;<a href="http://feeds.feedburner.com/http/wwwtheblogfarmcom" target="_blank"><img src="/images/rss.png" /></a></td>
</tr>
</table>
</div>
  #6  
Old Jan 26, 2012, 09:18 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What is the CSS used by them?? Try shutting each css rule and see what happens (in firebug, clicking to the left of the tule will shut it off)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jan 26, 2012, 09:25 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
You lost me on that... I looked but could not figure out what I am looking for, lol.
  #8  
Old Jan 26, 2012, 09:36 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use firebug and examine the source.
find the div with an id 'text-80' now here the CSS shows up (on the right hand side of the screen) you will see the CSS that is applied. when you hover to the left of each rule you will see a circle with a line thru it. Click on it to shut off the rule. examine the results.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jan 26, 2012, 10:03 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
I did what you said and turned them on and off with no effect (it did affect other areas). I noticed that when I look at the center of the three widgets, click on the css, I get the dimensions.

Box Model
width 355.333px
height 74px
top auto
right auto

I apologize for not completely understanding your instructions. I do believe the height 74px is the problem, not sure how to fix it though.

Last edited by ARealpolitik; Jan 26, 2012 at 10:11 AM.
  #10  
Old Jan 26, 2012, 10:27 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
this is what you should see
Click image for larger version

Name:	screenshot.png
Views:	281
Size:	127.2 KB
ID:	1740
check the margin
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Jan 26, 2012, 10:46 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Found it, it is the margin. When I turn it off it is perfect. Now the question... How do I adjust the margin? Which css do I edit?
  #12  
Old Jan 26, 2012, 10:57 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Okay, I edited it under style widgets. Fixed the problem but jammed all my widgets (sidebar) together. How can I edit only that widget area?
  #13  
Old Jan 26, 2012, 11:24 AM
kangcarew
 
14 posts · Dec 2011
Enter the following in your css
HTML Code:
#text-80 {
    margin: 0;
}
  #14  
Old Jan 26, 2012, 11:30 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Thanks so much... worked great. I think what I appreciate most is the fact that I learn something every time you guys help me. Now I have learned how to identify individual css and edit...

Problem is, at 61 yrs old I have a tendency to forget it faster than I learned it...

You guys are fantastic.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
One small navbar problem - final thing :) Skater1405 Atahualpa 3 Wordpress theme 1 Feb 7, 2011 08:50 AM
Donation to small Salesd New Versions, & Updating 0 Jan 28, 2011 08:59 AM
How do remove small box after link steve019 eCommerce & Atahualpa 3 Aug 19, 2010 04:26 PM
Small bug in comments.php VesaT Languages & Translations 1 Oct 20, 2009 04:06 AM
Small Favor... jmarsden92 Atahualpa 3 Wordpress theme 2 Oct 12, 2009 09:20 AM


All times are GMT -6. The time now is 02:19 AM.


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