Thoughts, information and reflections about technology

Centering Tables in Joomla with an Artisteer Template

Yes, I know.. Tables are deprecated.. However, they can be useful in certain cases.

I’ve always had trouble getting a table that was less than full width to center. Setting the alignment to “Center” in the table properties box (JCE)  never seemed to work.. Well, that is because artisteer works with CSS.

The solution was simple. All you need to do is set the left and right margins.. So, if your table is 75% wide, you can set a left margin of 10% and a right margin of 15%.

To do this, go to the advanced tab of the table properties dialog in JCE. Then look for “STYLE”.. In that field, enter width: 75%; margin-left: 10%;

That should give you some control over a less than full width table. Keep in mind that this needs to be thoroughly tested to see if it is responsive for mobile devices.

——————————————————————
We provide Joomla Consulting services. Visit us at whttp://www.cgmsystems.com/services-offered/web-design/joomla-cms.html for more information.

Similar Posts:

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact me
Archives
Categories
Amazon Disclosure

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.