Different top padding/margin for content and widget on static page
Hello.
My web site is http://www.plavinci.rs I have created a new main template for the static page with new sub-template for header and a new widget area. The code is below. I have not changed any CSS, other than replace the font with the one that has latin/extended character set. There is a lot of space between content area and the header, more than between the widget area and the header. I am resolving this for the moment by placing text widget as a first one in the static page widget area and making a few <p> lines, through trial and error, to eaven the space. The space is too large anyway - I would like the page title to be closer to the header. What code should I change and in what file? Thanks Main template code: HTML Code:
<?php bfa_get_template_part( 'header2' ); ?> HTML Code:
<div id="banner-bg" class="cf"> |
it looks like the text widget you are using as the top widget, has a couple blank lines in it causing the space.
|
You can also adjust the margin of #main with CSS to reduce the space.
|
Thank you. English is not my native language so I may not have explained properly. The extra lines in the text widget on top are there on purpose. If I do not put it in, the widget area is much closer to the heading than the content area. I like where the widget area sits. I would like the content area to be as close.
I have made a test page at http://www.plavinci.rs/en/test-page/ without the text widget. See how closer the widget is to the heading than the content. Let me try to adjust #main and see what happens. Thanks again. |
Tried reducing the margin in #main, but both the content and the widget go up bz the same amount. The content is still much lower than content.
|
Try adding this to the end of 'various.css'
HTML Code:
div.page {padding-top: 0px;} |
I have tried playing with that. See http://www.plavinci.rs/en/test-page/ with it reduced to 2px.
It solves the problem of title being closer to the heading, but both the content area and the widget area have moved up by the same amount, leaving the widget area much closer to the header. I was thinking that this white space above the page title might be where links to previous and next posts are on the blog posts pages and that somehow this affects static pages as well. |
Change the CSS I gave you to this
HTML Code:
div.page.hentry {padding-top: 0px;} |
This is the right solution! Margin in #main controlls how far both the content area and the widget area are from the head. Changing it moved both areas up and down together by the same distance. Changing . hentry to zero made content area and widget area mutually top-alligned. Thanks. I donated you $20.
The wine. This is my first year. The white has just come back from testing and it got 92 points on sensory. It is very, very fragrant. You would expect it to be sweet, judging by the smell, but it is completely dry. There is actually a bit of astringency in the aftertaste. It has 13,3% alcohol. Not to be drunk in wine bars by itself, but great with heavier, fatty food, including Asian. The red is not ready yet. It is thick, dark, powerfull. Tannins are still sharp and they need to mellow before bottling. Perhaps by Christmas. If not, certainly for next Easter. I am aiming for small production high quality (small in the European sense, less than 1000 cases per year). |
All times are GMT -6. The time now is 02:45 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.