Here's my site in development: http://www.modernfuture.net/wordpress
I've been searching post after post to find a solution and I've come up empty handed. For some reason there's extra space between the bottom of the pagination and the footer. I've tried setting a max-height and/or height value on all the divs & that didn't work. I've tried adding a div wrapper around the body but that only messes up the rest of the site.
I really need some help on this and I would greatly appreciate an original response & not a link to someone else's post. I know this is a topic that's been brought up before, but I've been reading other people's posts on this matter and it's been more of a headache than helpful. Please be kind as I'm relatively new to Wordpress.
Thanks in advance.
There is a bottom:210px; defined for .wrapper section[role="main"]. Remove that style. It will work fine.
It is in line 92 of the stylesheet: http://modernfuture.net/wordpress/wp-content/themes/html5blank-master/style.css?ver=1.0
Also define a height for .header.
conditionizr this division seems to be the problem. You may want to rewrite the height, the margins and padding. Some values may seem to come from a script.
Related
Just click any post to see what I mean, here's
I want to either:
1.make whole site pushable by scrollbar, so header and body have even widths
or
2.make whole site not pushable by scrollbar.
How can I do that? Maybe its because my header is 100% of width, while my body is fixed value (i think it is, dont remember).
Any help appreciated, ive been working on this website css for 2 weeks and my brain already wanted to give up
thanks #TheFrozenOne yeah that was it. i thought i added padding on post pages as well (and i did) but i added it to wrong div.
I fixed it already.
PS, sorry for not providing code.
Link: http://shahinlertour.com
I have problem with index page: bottom scroll. I want to remove it and fix page width like on other pages for example on http://shahinlertour.com/batumi-tour.html
Can't find what is the reason of this problem. Please help.
If you could send a snippet of the css for the scrollbar that would help answer you question much better. However from what it seems based off the code it's coming from the offline tab at the bottom and played with the styling and had gotten it work while making the width 100% and margin 0, but again it would be easier to give a better answer with your code.
I'm learning HTML & CSS, and I'm having an issue.
My page is already built : a header, some blocks, a footer. Very simple, I'm a beginner.
I'd like the footer to stay fixed on the bottom until it reaches a limit situated 50px under the last block (if we scale the viewport). Then it should just stay there like a normal block... But I can't figure out how to make it happen!
Could you help me, please?
By the way, I speak French : if something isn't clear enough, please tell me and I'll try to explain.
Thank you in advance for your help,
Adrien.
There are many different ways to handle this with purely CSS.
Firstly Twitter Bootstrap has a nice means of doing this. Link is here
Or you could use the CSS Sticky Footer See here
The key is to create a negative bottom margin in the main container, using the exact height you want your footer to be.
I hope this helps.
I'm creating my personal website build on wordpress and now I'm remaking template. After whole day of doing css, html and php...and looking for a lot of things of internet, I encountred for a lot of people known problem.
Somewhere in my site, some element is giving me margin which i don't want. You can see it on the picture below:
I know the rules of this website, to give code and you will try to help me, but now, I don't know where is the problem. So if someone with bigger experience and little bit of time can look at my page, I would be really thankfull.
My site si svrcek.webfix.sk
You front slider has a <p> in it that has margin.
delete this node and the space goes.
As it is empty do you need it? and if so can you add styling to it?
I don't know why you have this margin, but this CSS will fix that :
.front-slider {
float: left;
}
Your .front-slider element is causing the gap. Add a position:absolute to fix it. (If it's not the markup of the slider, you could also remove the redundant <p> which initially is causing the problem.)
To have really clean code, you should remove all absolute positioning from the child elements and just position the .front-slider wrapper accordingly. Also it seems like your green navigation buttons don't work. Probably there is an option to position and style the soliloquy-next and soliloquy-prev buttons which seem a but redundant at the moment.
I'm trying to get emulate this textbox container. But the thing is I am trying to adjust the height of the header, this part:
They provide all the files (html, css, js) of that page here
I've been searching through the documentation.css file for a while now to figure out where it is I can adjust the height of that box but I have been unsuccessful so far. This is what mine looks like:
As you can see mine looks almost exactly the same just the height of that box is too big. I'm fairly new to web programming so i might not be looking for the right thing in the right place so I'm hoping some more experienced eyes can figure it out.
Thanks for any help
The css is minified, what makes it a little more complex for beginers...
But if you search for .main-content>header in the file documentation.css you will notice it's setting up a padding.
The demo in the link you posted has:
padding:15px 30px;
In your code the first number is probably higher than 15, setting up a higher top/bottom padding. Just adjust it as you will.