Forum Support

Shape 5
March 28, 2024, 01:31:10 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Cell spacing & padding not working  (Read 288 times)
nat2856
Jr. Member
**
Offline Offline

Posts: 18



« on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #2 on: 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:

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

So you could add something like this to apply to all tables on your site:
Code:
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.
Code:
.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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.