Page header now not working in RW6

(Cris Baker) #1


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

I’m actually trying to update the info on page

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="" title=""></a></div>
<div class="bp_headerPageTitle">Defensive gun uses</div>

	Begin Social Media Buttons & Google Search Box  2013/02

<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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

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


	start load Twitter Button
<a href="" 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.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	end load Twitter Button


	start load StumbleUpon Button
<script language=JavaScript>
document.write ('<a href="');
document.write(''+document.URL+'&title='+document.title.replace(/ /g,'+')+'">');
document.write ('<img border="0" src= "" title="StumbleUpon" ></a>');
	end load StumbleUpon Button


	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 = '';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
       end load Google +1 button

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


	start load Google Search box 
<div class="bp_googleSearch">
<div id="cse-search-form" style="width:100%;">Loading</div>
<script src="" 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
      '013919123775209601095:ndfgjjzuqeq', customSearchOptions); 
    var options = new;
    customSearchControl.draw('cse-search-form', options);
  }, true);

<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;


	end load Google Search box 


	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,
Wednesday, 2018/05/09

(scott williams) #2

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

(Cris Baker) #3

Thanks, Scott.

I’ve now amended first post.

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

(scott williams) #4

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

(Cris Baker) #5

The code worked properly and was published in RW5 and can be seen on my page

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

(David) #6

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;

(Cris Baker) #7

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

(David) #8

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

(system) #9

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.