How do I centre the Tagline ?

[finlander]

That text will center between the (right edge of) the logo on the left and edge of the template on the right. That's why it may appear more rightish if you have widened your entire template.

The logo picture element is forcing a wrap of text next to it, like a newspaper column wraps around a picture, and I have not discovered yet how to code the logo picture element to ignore the text to the right of it, i.e., not force the wrap. If possible, that would center your text more on the page, but relatively closer to the logo than to the right edge of the template.

You could set the text to align left in the section of the stylesheet listed below, but it would then be shoved right up against the right edge of the logo, and you would then have to devise a solution for creating some space there. I am working on the same issue, not so much for a headline, more just for smaller size text for reading. I think I may add 10 pixels or so of transparency on to the right edge of my logo image, and then there would be a little space between the logo and text.

CSS font size control uses the "em" system, which involves nesting of the values. Be careful when trying to adjust the font size -- the sizing for all font on the page begins life in the BODY section, and then this tagline code, below, makes it twice that big, and then the h1 header tag that is the final nest makes it 1.5 times more as big. It can be pretty frustrating to dial in font attributes in the tagline area. I am currently trying to find the source of the code that makes it bold! Can't seem to find it anywhere.
~Jim

#tagline {

color:#000000;

font-size: 2em;

text-align : left;

vertical-align: middle;

[HeyIts007]

Ahh thanks for that advice. Sounds tricky. I'm using the standard template width, but the text is a bit right of centre. I have changed the font size, so I guess that might be part of the problem. The logo size has also changed.

I know I accidentally left off the em part on H1 in stylesheet.css on one occasion and noticed the font size change. I've reset it back.

Good luck with your testing. I will let you know if I find a way around this. It's a bit of a pain at present.

[HeyIts007]

Other solution I found to work.

Try this below for your tpl_header.php template override;

<div id="tagline"><?php echo HEADER_SALES_TEXT;?> <?php print "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";?> </div>

Use as many ;&nbsp as you need to centre your Tagline.

ref; Learning PHP - Part 1: A Gentle Introduction

http://www.communitymx.com/content/a...ge=2&cid=D5084