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] Need help removing top of page margin.


  #1  
Old Dec 19, 2014, 02:33 PM
wskdigital
 
18 posts · Feb 2013
I had the same issue a few years back and found a fix for it. I've tried everything I could think of, but nothing is working.

I have this problem only in the FireFox browser.

For some odd reason I have between 15 and 20 pixel margin (maybe padding) at the very top of the page. I've use firebug to try to solve the issue, but still can't seem to find it.

Here is the site: augrabbernome.com

Any help is appreciated.
  #2  
Old Dec 19, 2014, 05:33 PM
juggledad's Avatar
juggledad
 
23,628 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
its the 15px in this css
HTML Code:
div.widget {
    display: block;
    margin: 0 0 15px;
    width: auto;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 19, 2014, 08:41 PM
wskdigital
 
18 posts · Feb 2013
Wouldn't that add a 15px margin below the widget, not above?

HTML Code:
div.widget {
    display: block;
    margin: 0 0 15px;
    width: auto;
}
margin: 0 (top margin), 0 (right/left margin), 15px(bottom margin);
  #4  
Old Dec 20, 2014, 03:44 AM
juggledad's Avatar
juggledad
 
23,628 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Did you try it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 23, 2014, 04:17 PM
wskdigital
 
18 posts · Feb 2013
Yes, I did try it. Both in Style Widgets > Widget Container and in Add HTML/CSS Inserts > CSS Inserts

The odd thing is that the problem only shows up in the Firefox browser.

Hmmm...

Any other suggestions?
  #6  
Old Dec 23, 2014, 07:26 PM
juggledad's Avatar
juggledad
 
23,628 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this in css inserts and leave it there if it doesn't work so I can take a look
HTML Code:
div#text-2 {
    margin: 0 0 0px !important;
}
the reason I'm givine you this code is that when I use FireBug, this is what makes the margin go away.
it is caused by the 'float: Left' you have assigned in the div of the logo.png If you get rid of the float: left the gap goes away, but the image drops down.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Dec 26, 2014 at 05:11 PM.
  #7  
Old Dec 26, 2014, 04:19 PM
wskdigital
 
18 posts · Feb 2013
I solved the issue, well not really. I just did something completely different for the same result.

First I removed all margins on text-2, I increased the logo image height to 165px for a false 15px margin at the bottom.

Then I added the pile of gold as two background images. The top part goes into the 'logo bar' and the bottom half into the 'navigation bar'. It works great.

I still don't know why I was getting that extra margin at the top, but I found a solution that works.
  #8  
Old Dec 26, 2014, 05:12 PM
juggledad's Avatar
juggledad
 
23,628 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the reason (as I said) was because of the 'float: left;'. It seems that FireFox does it a bit different than chrome and safari.

But I'm glad you have a solution - I'll make this solved (you can always reopen it if you need to)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Removing margin from top of images maija Atahualpa 3 Wordpress theme 2 Oct 7, 2012 11:15 PM
Creating a text margin on a page pakelly Center area post/pages 4 Mar 23, 2012 05:08 AM
Removing Page titles in single pages with out removing post titles robertbrand Atahualpa 3 Wordpress theme 7 Jun 21, 2011 10:33 AM


All times are GMT -6. The time now is 08:02 PM.


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