I created node-blog.tpl.php by coping node.tpl.php. Then I modified it by adding div id="ifvblognode" as follows:

1st Change:

<div id="ifvblognode">
    <?php if ($page == 0): ?>
    <h2 class="title">
      <a href="<?php print $node_url; ?>"><?php print $title; ?></a>
    </h2>
  <?php endif; ?>
<div> <!-- added for /ifvblognode to use for css -->

2nd Change

<div id="ifvblognode">
  <div class="content">
    <?php print $content; ?>
  </div>
<div> <!-- added for /ifvblognode to use for css -->

Then I modified modified style.css by adding this coding:

#ifvblognode h1, h1 a, h1 a:visited {
    padding-top: 10px;
    color: ##003595; 
}

#ifvblognode h2, h2 a, h2 a:visited {
    padding-top: 10px;
    color: #003595; 
}

#ifvblognode h3, h3 a, h3 a:visited {
    padding-top: 10px;
    color: #0033cc;
    font-size: 16px; 
}

#ifvblognode p {
    font-size: 16px;;
    line-height: 130%;
    font-weight: 500; 
}

Now the rightside bar has moved below the main area of the page. Not sure why. (If needed, www.ifvnews.com/blog - see sidebar moved to bottom of page & www.ifvnews.com/newswires - see sidebar in proper position.)

Any help is much appreciated!

[Edited to add <code> and </code> tags: nevets]

Comments

nevets’s picture

My guess is you have a html element that is missing a closing element. If you validate the two links you provide, both show errors but the blog link has many more errors than the home page.

SDM-MINK’s picture

Thanks for info about the errors. Most of the errors due to AddThis button - fixed. Don't think the rightside bar moved due to html issue. Issue is still unresolved. Since I increased the font-size is it possible that I somehow enlarged the main content of the page?

nevets’s picture

If you use firebug (a firefox extension) or the chrome developer tools to inspect the html, for the page that works 'rightpart' is after/below 'leftpart' in the html. For the blog page 'rightpart' is inside of 'leftpart' implying a missing tag in 'leftpart', most likely in the output for the node unless you are doing something special inside page.tpl.php.

SDM-MINK’s picture

Thanks! I took a look at the coding using firebug and the

are consistent when comparing pages. So I don't think this is the issue. (It may not be correct but the same coding is working throughout the site.)

Maybe I'm missing something. I simply made node-blog.tpl.php by copying node.tpl.php, placed a

around $content (got rid of the div around $title), then added coding in the style css to increase the font size & line-height w/in the new div id="ifvblognode". Looks like these minor style changes increased the width of the leftpart of the blog page. I've tried to reduce the width but nothing has worked yet.
SDM-MINK’s picture

Started from beginning. Copied node.tpl.php, then renamed it node-blog.tpl.php and copied page.tpl.php and renamed it page-blog.tpl.php. In node-blog.tpl.php, placed div id="ifvblognode" around div class="content".

Then in style.css, added
#ifvblognode .content p {
font-size: 16px;
line-height: 130%;
font-weight: 500;
}

And it worked! Rest of the page stayed intact.

Thanks nevets for taking time out to assist me!

nevets’s picture

Minor point, since node-blog.tpl.php is used for both full and teaser views you want class=""ifvblognode" since repeating the same id on a page is an error (and #ifvblognode would be .ifvblognode)

Also, unless you changed page-blog.tpl.php, there is no need for that.

forhaud’s picture

Many thanks