Forums

Problem with tables

Permalink
Hi there,

I'm trying to put a very simple table, just five columns in one row. I edit it, I press "save" when it looks good and... it's gone, it only shows the content and the borders (no margins, no spaces, no padding). When I "edit" again everything is fine. I've pressed "customize toolbar" to be able to "edit CSS style". Same problem: it looks good in the editor but just there...

What do I do? Maybe another way to put elements in horizontal?

Thanks
 
JohntheFish replied on at Permalink Reply
JohntheFish
That will be because your theme's css is different to the css you are getting with the content block edit.

If you look with the browser developer console for the relevant css styles, the table will still be there, but just displayed differently.

To fix it, if you don't know what you are doing with styling css, its best to just contact the theme developer and ask their help.

If you know what you are doing with css styles, there are several ways of adding styles for borders and background to the table. I (or someone else) can explain them if needed.
ednella replied on at Permalink Reply
Thanks for your relply.
I'm using Greek_Yougurt theme. I'm not sure if I'd say that "I know what I'm doing", but I have changed before. Could you please tell me what css file I need to change and what should I look for?

Should I put here a link to my website or better by PM?

Thanks a lot
JohntheFish replied on at Permalink Best Answer Reply
JohntheFish
For a place to add css, you can add a snippet of css to on the customise theme dashboard page (the place where you change colours etc), or within a <style></style> tag in an html block, or in a file in the root/css directory, or using my style quickie block (which also validates styles before saving and compiles less). There are many other ways.

To get started, use css something like:
#main-content-inner table td{
  border: 1px solid black;
  background-color: #ddd;
}


This won't be a solution, but will prove that where you add it is working. #main-content-inner is specific to the Main area of Greek Yogurt.

Don't forget to turn off the c5 cache and clear/refresh your browser cache regularly when developing css.

Once you have that proven, you can look into adjusting border widths and colours and fancy stuff like zebra striping.

Other solutions are to use one of the table addons that provides all the formatting for you; to get a theme that provides nice table formatting; to use my structured content block which includes a zebra striped table template.

Again, there are many other possibilities.
ednella replied on at Permalink Reply
I'll try that.

Thanks a lot