Add "Orderline: 08000625623" to header?

[alpaca]

Hi there chaps,

Can anyone tell me how to add some text to the top right of my header of every page. See screenshot.

The text in red is what I want to add. Any help is always appreciated

[rocky]

Modify modules/blockuserinfo/blockuserinfo.tpl and add the following at line 3 (after the div):

{l s='OrderLine' mod='blockuserinfo'}:
0800 32672773

You can then add the following to css/global.css in your theme's directory to make the text bigger, bolder and red:

#header_user p#orderline { color: red; font-size: 1.2em; font-weight: bold; }

[alpaca]

Thanks Rocky - you're a lifesaver

[alpaca]

Ok, I done the changes, but it's not taking any colors changes or setting the text to bold? Is there something you may have missed in the above code you posted?

[rocky]

I just tested the code on my site and it is working fine. I added the CSS after the /* block top user information */ line of global.css.

[alpaca]

Hi Rocky, please excuse my amature coding intergration. I was been a complete plonker and uploaded the wrond css...lol. Works perfectly - many thanks again.

[alpaca]

I am having an absolute mare trying to align this. Can anyone help see screenshot:

/* MEDCHANGED - Orderline*/
#header_user #orderline { color: #5a6227; font-size:14px; font-weight: bold;
}

#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em; }
#header_user #shopping_cart a, #header_user #your_account a {
   background-repeat: no-repeat;
   background-position: top left;
   padding: 2px 0 4px 10px;
   height: 5px;
   text-decoration: none;
}
#header_user #shopping_cart a { background-image: url(../img/icon/cart.gif); }
#header_user #shopping_cart span.ajax_cart_quantity { padding-right:0.5em; }
#header_user #your_account a { background-image: url(../img/icon/my-account.gif); }

[alpaca]

any ideas guys or hopefully Rocky?

[alpaca]

Still looking for a reply - can anyone help out help.

[rocky]

I think you'll have to use absolute positioning instead of floating to move it up. Use something like this in global.css:

#header
{
  position: relative;
}

#header_user
{
  position: absolute;
  top: 0;
  right: 0;
}

Add the "position: relative" to the existing "#header" rather than creating a new one if possible. Increase the top value until you are happy with its position.