Joomla Templates Club 406,261 posts

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#176375

I cannot figure out why the table styling isn’t working with my site. From all the posts throughout the forums, I see that it is a major issue. I’m not sure why it hasn’t been addressed in all templates – I would assume it is a glitch in all of them…

Anyway, I see lots of different answers, and I’m not sure what to follow. I don’t want to start changing css data unless I know exactly what I’m doing.

So, if someone could please let me know what to do to fix this issue, I would greatly appreciate it. Here is a sample page where the border doesn’t work: http://www.laughablenews.com/ams/test-table.html

So far these things don’t work:

• table border
• table alignment
• table background color
• etc

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#449700

Hello earthson,

The style in “addons.css” of T3 plugin set border of all tag to 0 pixel, include table, caption, tbody, tfoot, thead, tr, th, td tags. So you should set border style not only for table but also for all the rests.

Please do the same thing with other styles of table.

Best regards.

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450031

Hello Nhat,

I’m not sure what you mean? Can you explain in more detail what I need to do?

And why do I need to do anything? The template shouldn’t interfere with a simple function like tables. :((

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#450238

<em>@earthson 315880 wrote:</em><blockquote>Hello Nhat,

I’m not sure what you mean? Can you explain in more detail what I need to do?

And why do I need to do anything? The template shouldn’t interfere with a simple function like tables. :((</blockquote>
Hello earthson,

I added some styles for table in “css/template.css” file of “JA social” template. Please check this link http://www.laughablenews.com/ams/test-table.html

Best regards.

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450263

Hello Nhat,

Thank you for that. Is this what you added:

table, th, td, tr {border: 1px solid #000000; text-align: left;}

I see that a border shows up now, but I cannot change it. Do I have to do it in the css?

I’m still confused as to why I need to change the css styling. Why does the template not allow me to do these things in the wysiwyg editor? I really, really, really want to express how much I want this. Having to edit css just isn’t right :(( It shouldn’t be so hard to make a table, add a border, and change stuff like cell padding (which I cannot do at this time).

I definitely appreciate your help, but a bandaid doesn’t fix a wound. Can you please help me REALLY fix this issue? Thank you 🙂

(BTW, I am not getting emails when people reply to forum posts. I am subscribed to the topic, and the email is not in my junk folder. I’m baffled. Is anyone else reporting this issue?)

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#450289

<em>@earthson 316157 wrote:</em><blockquote>Hello Nhat,

Thank you for that. Is this what you added:

table, th, td, tr {border: 1px solid #000000; text-align: left;}

I see that a border shows up now, but I cannot change it. Do I have to do it in the css?

I’m still confused as to why I need to change the css styling. Why does the template not allow me to do these things in the wysiwyg editor? I really, really, really want to express how much I want this. Having to edit css just isn’t right :(( It shouldn’t be so hard to make a table, add a border, and change stuff like cell padding (which I cannot do at this time).

I definitely appreciate your help, but a bandaid doesn’t fix a wound. Can you please help me REALLY fix this issue? Thank you 🙂

(BTW, I am not getting emails when people reply to forum posts. I am subscribed to the topic, and the email is not in my junk folder. I’m baffled. Is anyone else reporting this issue?)</blockquote>
Hello earthson,

You can edit css style by using WYSIWYG editor. Please go to “Template manager” in back-end, then go to “Templates” tab. Click on “Ja_social Details and Files” link and you will see a list of css style files of this template. Select “Edit css/template.css” link and you can customize that CSS file.

Best regards.

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450323

<em>@earthson 316157 wrote:</em><blockquote>Hello Nhat,

Thank you for that. Is this what you added:

table, th, td, tr {border: 1px solid #000000; text-align: left;}

I see that a border shows up now, but I cannot change it. Do I have to do it in the css?

I’m still confused as to why I need to change the css styling. Why does the template not allow me to do these things in the wysiwyg editor? I really, really, really want to express how much I want this. Having to edit css just isn’t right :(( It shouldn’t be so hard to make a table, add a border, and change stuff like cell padding (which I cannot do at this time).

I definitely appreciate your help, but a bandaid doesn’t fix a wound. Can you please help me REALLY fix this issue? Thank you 🙂

(BTW, I am not getting emails when people reply to forum posts. I am subscribed to the topic, and the email is not in my junk folder. I’m baffled. Is anyone else reporting this issue?)</blockquote>

Nhat,

You just passed by the real problem here…see my post above for unanswered questions… :(( If another support person can better answer them, please direct them here.

Thank you

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450325

Yes- thank you, I was able to change the css to add cellpadding and other attributes. But, it forces me to have the same styling for every table, right? What if I want a little variety?

Also, in EVENTS, under details, the cell padding doesn’t seem to be honoured. Text just pushes right up against the edge of the table. Here is an example. http://www.laughablenews.com/ams/Events-Forays/viewevent.html?eventid=24 (Click the details tab)

Thanks Nhat

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450406

Ok, I have figured out how to use css classes to change the styling for specific tables. I assume I can just do the same thing with the tables in the EVENTS area.

1 user says Thank You to earthson for this useful post

1. Stork11

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450408

Sorry – I just realised that EVENTS has nothing to do with Joomlart…it is JomSocial. I will look at their CSS…

[itc247 Friend itc247Join date: April 2012Posts: 12Downloads:0Uploads:5]

#450661

Simply remove all tags related to table from addons.css then you are free to customize table

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450675

<em>@itc247 316686 wrote:</em><blockquote>Simply remove all tags related to table from addons.css then you are free to customize table</blockquote>

Thank you, I’ll try that 🙂

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#450676

<em>@itc247 316686 wrote:</em><blockquote>Simply remove all tags related to table from addons.css then you are free to customize table</blockquote>

Sorry, but where is addon.css? In JaSocial template? Or Jomsocial? I don’t see it anywhere… :-[

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#451014

<em>@earthson 316235 wrote:</em><blockquote>Yes- thank you, I was able to change the css to add cellpadding and other attributes. But, it forces me to have the same styling for every table, right? What if I want a little variety?

Also, in EVENTS, under details, the cell padding doesn’t seem to be honoured. Text just pushes right up against the edge of the table. Here is an example. http://www.laughablenews.com/ams/Events-Forays/viewevent.html?eventid=24 (Click the details tab)

Thanks Nhat</blockquote>
Hello earthson,

For table style on “Events” page, you need to change style in this “com_community” css file

http://www.laughablenews.com/ams/components/com_community/templates/default/css/style.old.css

Go to line 1820, you will see its style as below:

body #community-wrap table, body #cWindow table {
border: 0px none !important;
}

Please change this border style. It’s style of “Community” component, not of JoomlArt component 🙂

Best regards.

[Author]

Posts