Shape 5

Joomla Templates => Corpway - Club => : nat2856 August 07, 2014, 06:00:03 AM


: Cell spacing & padding not working
: nat2856 August 07, 2014, 06:00:03 AM
When I make changes to the cell spacing or padding there is no change...still remains the same.

Thank you

: Re: Cell spacing & padding not working
: mikek August 07, 2014, 07:15:42 AM
Hello,

Please post a url to where the problem occurs. Also, I would recommend not using tables if you can avoid it, they do not function well with responsive sites.

: Re: Cell spacing & padding not working
: mikenicoll August 07, 2014, 07:28:51 PM
The Template.CSS files first line uses a wild card that applies to all the HTML elements on the page that aren't specified:

:
* (
margin: 0;
padding: 0;}

So you could add something like this to apply to all tables on your site:
:
th {
  padding: 20px !important;}

td {
     padding: 20px !important;
}

Or add a class to your table in the HTML such as <TABLE class="mytable"> and then use the following code that will specifically target that one table.
:
.mytable th {
  padding: 20px !important;}

.mytable td {
     padding: 20px !important;
}

As Mikek said though avoid tables on responsive sites if you can. They shouldn't really be needed anymore with proper coding techniques.

Regards,