I am searching for a piece of html which I believe may be causing my site to be obstructed by random black boxes on every page.
I believe that footer is somehow duplicated and <footer></footer> may be the root cause but unsure where to locate it or if there's such a thing as article.php?
Example page: https://adsler.co.uk/events/
The problem is that your content entry has footers. It is not the page footer it is the entry footer that you are seeing. It might be weird to change if you are using a theme. There might be a setting to remove entry footers. But if that does not work you can go into your CSS and apply .entry-footer { display: none; }. This will remove the black box. I will attach a screenshot.
Hope this helps.
I would advise that you leave the footer in the article alone. Fix your problem by styling .site-footer instead of footer
The footer element existing in more than one place is semantically correct HTML5. It signals users and devices of all types that this is the footer of the current part of the site. Your black boxes are because you have styles applied to footer that should be applied to .site-footer instead. You can't predict that the html content created by some plugin wont include a footer element, but you can be fairly certain that it won't have a footer with the class .site-footer
Related
On my site for some reason I keep getting a margin-top:-40px; style applied to my sticky-nav. This takes it off the screen when you scroll, and when you do return to the top lays it on-top of my header. I can not find out where this style is coming from. it is applied to the element, so I can't find it on a stylesheet. I am at a loss for where this is coming from.
https://www.popstops.com
magento 1.9.3.3
I had an extension overwritting Jquery causing this issue
So i built this website (using Angularjs) and for whatever reason, in one of the pages, the footer is keep floating no matter whatever i do.
You can see the issue here:
http://www.deliverightlogistics.com/howitworks
While if you go here, you see the footer positioned in the right place:
http://www.deliverightlogistics.com/ourprocess
The weird part is that given that they both generated into the same Angular content (ng-view), i can't find the reason why i have this issue in one page and not the other.
Keep in mind that I would need a change that would fix the problem but not causing other pages' footer to 'misbehave'.
Thx
This isn't an Angular issue, but a CSS one. In your style.css, you have both #howitworks_second and #howitworks_second article positioned absolutely. Take those declarations out, add a clear: both; to the footer, and your footer pops back to the bottom.
Is there any reason that would cause something like page.html and page.html#sectionid to have different layouts?
I am having this problem with http://mintclean.ca/new/about-mintclean/ and http://mintclean.ca/new/about-mintclean/#difference, which technically speaking should be the exact same page, with one just starting more scrolled down. However, the second has a white gap under the footer while the first does not.
I can't for the life for me figure out what is happening--the problem is completely consistent across browsers. Any help in understanding what's going on would be much appreciated!
You have to clear the floats inside your <footer> so after the .site-info f3 class, also add padding-bottom: 0; to your <footer>. I think this should do it.
I see you have clear: both; applied to the footer but this is not clearing the elements within.
Here's my site in progress: http://www.modernfuture.net/wordpress
Here's my problem: When you click on a post, it takes you to the single post page (like it should). However the footer's stuck in the middle of the page (when it should be placed at the bottom)!
Here's what i've tried:
changing the "min-height" attribute to "height" in the .single class (the class that defines how a single post looks)
&
moving the class attribute from the footer tag to it's parent div.
None of which have worked successfully!
My question: Is there a way to get the footer to behave like it should on the single posts page without compromising the footer style on the main page?
Thanks in advance everyone! I'm totally stumped!
I would suggest fixing this with css. If you would like the footer to always be stuck to the bottom of the page, use position: absolute;, bottom 0px; If you would like to have the footer flow naturally, right below the content of the page, try using float: left;, clear: none;, position: relative;.
There's this bug that I can't seem to fix where IE cuts off part of my text if I leave the footer in the same exact place as the main page. The following are examples of my main page footer position and the subpage footer position. I was wondering is it bad design to move the footer position this way? (the flow of the site fits better with the moving of the footer though)
Main page: http://www.sixfoldstudios.com/stars/index.html
Subpages: http://www.sixfoldstudios.com/stars/home.html
Thanks!
The footer doesn't look all that different except that it is smaller on the subpages. This is not a bad design decision.
As long as the footer looks the same overall and doesn't throws the text around it should be okay. People don't really look at the footer unless they need something from it so I'm sure most visitors won't even notice.
I am not a designer, so I can't answer you from this scope. But as user, I can't say that looks bad, your footer doesn't include any great information for the end user, that will visit just the website, I doubt if most users even check it. Of course the things change if you had a sitemap. Also big sites use different position for footers, here an example of ebay.
Homepage: http://www.ebay.com/
Answers Center: http://pages.ebay.com/community/answercenter/index.html
I would keep the footer the same everywhere. The reason why you might have a problem is because your footer div is in the rightcontent div.
Just move it outside just before the closing div of your container and if text overlaps it set the css to clear:both;
I have two sets of class for both me mainpage & subpages footer at times & it doesn't bother me much as long it does it work ^_^