Page header now not working in RW6

[CrisBCT (Cris Baker)]

Hi,

The custom header code created many years ago for my LifeStrategies.net site doesn’t work now I’ve upgraded from RW5 to RW6 and Stacks 3. See any page on the site at www.LifeStrategies.net

I’m actually trying to update the info on page www.LifeStrategies.net/guns-deter-crime/

The header code that used to work in RW5 for this page is:

    <div class="bp_headerWrap"><div class="bp_LifeStrategiesClick"><a style="display:block; width:378px; height:68px; margin:  border:0px; z-index:5; position:absolute; left: 224px; top: 28px;" href="http://www.lifestrategies.net" title="www.LifeStrategies.net"></a></div>
<div class="bp_headerPageTitle">Defensive gun uses</div>

<!-- 
	Begin Social Media Buttons & Google Search Box  2013/02
//-->

<div>
<div style="position:absolute; margin-left: 20px; margin-top:170px; width:100%; text-align:left"><div style="">

<!-- 
	start load Facebook button
//-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<a href="http://www.facebook.com/StrategiesAndOutcomes" target="_blank"><img src="upload://k0BihNTITkWth8Qdjc6jBb9wRod.png" align="left" style="margin-right: 1px;" border="0" title="Life Strategies at Facebook"></a>
<div class="fb-like" style="vertical-align:top;" data-href="http://www.facebook.com/StrategiesAndOutcomes" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false" data-height="40"></div>
<!-- 
	end load Facebook button
//-->

&nbsp;

<!-- 
	start load Twitter Button
//-->
<a href="https://twitter.com/lifestrategiesn" class="twitter-follow-button" data-show-count="false" data-lang="en" data-show-screen-name="false" data-size="large">Follow</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- 
	end load Twitter Button
//-->

&nbsp;

<!-- 
	start load StumbleUpon Button
//-->
<script language=JavaScript>
document.write ('<a href="');
document.write('http://www.stumbleupon.com/submit?url='+document.URL+'&title='+document.title.replace(/ /g,'+')+'">');
document.write ('<img border="0" src= "http://www.lifestrategies.net/imagez/stumble-button.png" title="StumbleUpon" ></a>');
</script>
<!-- 
	end load StumbleUpon Button
//-->

&nbsp;

<!-- 
	start load Google +1 async button
 -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!--
       end load Google +1 button
 -->

<!--
       start use Google +1 button
 -->
<g:plusone size="standard" annotation="bubble"></g:plusone>
<!--
       end use Google +1 button
 -->

</div></div>


<!-- 
	start load Google Search box 
//-->
<div class="bp_googleSearch">
<div id="cse-search-form" style="width:100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT}); 
google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '013919123775209601095:ndfgjjzuqeq', customSearchOptions); 
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchboxOnly("/search-results/index.php");
    customSearchControl.draw('cse-search-form', options);
  }, true);
</script>

<style type="text/css">
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #D9D9D9;
  }

  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #4d7d8d;
    background-color: #7cadbd;
    background-image: none;
    filter: none;
  }</style>

</div>

<!-- 
	end load Google Search box 
//-->


</div></div>

<!-- 
	end composite header  2013/02
//-->

What’s wrong with this? How do I change it to get it working in RW6 so I can publish this page?

Thanks in advance for any and all help.

warm regards,
Cris
Wednesday, 2018/05/09

[swilliam (scott williams)]

To show code on the forumn;
paste code in
select all of it
click the code button (see image)

[CrisBCT (Cris Baker)]

Thanks, Scott.

I’ve now amended first post.

Cris
ps. The popup description on that button says “Pre-formatted text” which I didn’t know meant “show uninterpreted code”.

[swilliam (scott williams)]

Okay, so what happens when you add the code?
Where are you adding it?

[CrisBCT (Cris Baker)]

The code worked properly and was published in RW5 and can be seen on my page www.LifeStrategies.net/guns-deter-crime

I’m just trying to add/edit one paragraph at the top of the page, but the header is no longer producing the same effect. See

!

As you can see, the preview is very different from the existing RW5 published page. I need it to be the same:

Any ideas how to resolve this issue would be greatly appreciated

[thang (David)]

There is some CSS on the page that is setting the h3 text-align to center. You may be able to change it to align left in your theme or stack settings.

You can put this in the CSS sidebar and it should change it to as it was with the left alignment. You may or may not need the !important.

h3 {
text-align: left !important;
}

[CrisBCT (Cris Baker)]

Thanks David,
I’ve now added text-align: left to the h3 css and it’s now correctly aligned.

But h3 was fine before but is now incorrectly aligned on every page, so I guess I must add this to every page’s css separately

[thang (David)]

If you want it to work on every page put it in Settings > Code > CSS. Glad it worked for you.