Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to center the column names of columns left and right


S1YF3R

Recommended Posts

Well after removing the rounded corners of the column titles left and right, the titles of all columns displayed a bit too close to the left. That didn't look too good. So I searched in the forums how to center the names of the column titles. To my surprise I didn't find anything (If there are someone else that posted about this, please tell me where)

 

So I searched basically every php file regarding the settings for the columns, for instance the php files where I changed the rounded corners(includes/classes/boxes.php). I didn't find anything there. So then I thought why don't I go to the stylesheet.css file and throw in a code there to center the column title. If you know where you changed the background color of the titles and the title name etc for the columns, then you know where I am talking about.

 

So here is what I did:

 

Edit the stylesheet.css file. Go to the line where it says: TD.infoBoxHeading

 

Here is how the code was:

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #990000;
 color: #ffffff;
}

 

Here is how it looked when I was done:

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #990000;
 color: #ffffff;
 text-align : center;
}

 

All I did was throw in text-align : center; there somewhere and there you have it. All the columns use the stylesheet.css file, so if you just add text-align : center; there somewhere, it will center all the titles of the columns. If you have the problem of the title being to close to the edge after removing the rounded corners, then this will help you also ;)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...