Jump to content

[SOLVED] Tables force aligning "Center" in product description


culebra.web

Recommended Posts

I've included some tables in my product descriptions, but for some reason all of my tables are force aligning to center instead of left like I want them. I've tried including

align:"left"

into the table description, but when I import my code into the HTML editor, it automatically removes all

align:

commands.

 

I think that the issue is probably that the table alignment is being specified elsewhere via CSS, so the Back End is preventing me from defining it in the actual table. If that's so, then what part of the CSS do I need to modify? I know I probably have to add a

table-align:left;

line into the CSS somewhere, but I'm just not sure where.

 

Here's a picture of what I mean (this is what my site currently displays, under "More Info" in the "products" page):

 

table-align.png

Link to comment
Share on other sites

Got it!

 

In global.css, I changed

.rte caption, .rte th, .rte td, .rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
text-align: left;
font-weight: normal;
background: none;
height: inherit;
border: 1px #e5e6e7 solid;
text-align: center
}

 

Into

.rte caption, .rte th, .rte td, .rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
text-align: left;
font-weight: normal;
background: none;
height: inherit;
border: 1px #e5e6e7 solid;
text-align: left
}

 

This forced my tables to align left where they had previously been aligning center.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...