How To Align Text

[Spainman]

Hi all,

 

On my site, I have aligned the text to the "left" which is how I want the site to be mainly shown.

 

On some pages, such as the order confirmation page, visually it would look better if it was centered.

 

How can I achieve this without changing the whole sites alignment?

 

Attached is a screenshot to show you what Im refering.

 

My url is: http://www.reposteriacanicoba.com

 

Regards.

[PascalVG]

Hi Spainman,

Do you have the Chrome browser available?

Open the page you want to have centered text. Right click on the text you want to center, and select 'inspect element'

A new part on your screen opens/splits with the code of your page. At the right you can see the css code that defines the layout. You can edit these lines. So check the code line on the left that makes the text to center 'selected' (not more and not less should be selected, otherwise you may do too much/little). And then on the right add, one by one, in the css blocks the line:

text-align:center;

starting at the top, going down... The one that changes the text should be a good candidate to change it for real. So click the <source file name>.css on the right of that block and see where you have to change it in the real file.

Open and Edit the real file in an editor and add the line to the code block you found before.

 

Hope you understand. If not, first play with Chrome Inspect element a little, and you probably will get the feeling for it.

If not, let us know, and we try to be more precise in explaining...

 

Pascal.

 

 

example

 

 

On the left you may see this line

<div class="contentTitle">

Select it and you see on the right something like:

 

 

 

.sheet .contentTitle {

• position: absolute;
  
• top: 90px;
  
• left: 0;
  
• padding: 15px 25px 10px 38px;
  
• height: 28px;
  
• width: 927px;
  
• background: transparent url(img/bg-contentTitle.png) repeat-x 0 0;
  

}

 

Click at the end of the last line (background line)

a new line is added where you can type

text-align;center;

see if it results in centered text.

 

Then click on the link on the far right at the top of the css block:

view.css:401

 

The file will open and you can see where you should add the line for real. Then open the file in an editor and add it permanently. Save and check. (make sure your Advance Parameters->Performance->smarty template cache is set to force compilation, and cache is turned off during texting of your site. Don't forget to turn these to "recompile ...." and cache on when going live)

Edited March 5, 2013 by PascalVG (see edit history)

[vekia]

Spainman, you found solution?