Title: Adjusting table width
Last modified: August 20, 2016
---
# Adjusting table width
* [avive](https://wordpress.org/support/users/avive/)
* (@avive)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/)
* I’ve tried everything I could think to make the tables on the pages smaller but
I can’t figure out what I’m doing wrong.
[http://chinadolltat2shop.com/](http://chinadolltat2shop.com/)
* Any help would be appreciated.
Viewing 10 replies - 1 through 10 (of 10 total)
* [catacaustic](https://wordpress.org/support/users/catacaustic/)
* (@catacaustic)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627471)
* What tables on what pages? The sites got a map and one line of text in the “specials”
area… That’s not a whole lot to go on.
* Thread Starter [avive](https://wordpress.org/support/users/avive/)
* (@avive)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627496)
* The opaque white box that is on every page, I want that to be smaller.
* [catacaustic](https://wordpress.org/support/users/catacaustic/)
* (@catacaustic)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627505)
* Ahh….
* Well, that won’t be that ahrd. How good are you with CSS????
* ```
....
```
* That `` has a background image that’s the semi-transparent white that you’re
talking about. All you need to do is add in some padding to that element. But
in your theme that’s done at the element level, and not on the styles.css file
like normal. That means that you’re going to have to either go digging through
the code to find out where that’s being added, of you can add this into your
styles.css file and add padding or margin in there to suit.
* Thread Starter [avive](https://wordpress.org/support/users/avive/)
* (@avive)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627507)
* I’m new to css so I’m kind of unsure what to do. I know where to put it I just
don’t know what to write to make the widths change.
* [catacaustic](https://wordpress.org/support/users/catacaustic/)
* (@catacaustic)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627508)
* As bad as this sounds… You need to look at learning more about CSS and HTML.
That’s the basis of **all** websites, and if you want to change things you need
to know that first.
* As a hint… Your code editor should be able to do a global search for “#container”.
When you find that, that will be the CSS rule hat you’ll add your own definitions
to. You can either add in padding or margin or both depending on what you want
it to look like.
* As an example….
* ```
#container {
margin: 10px;
padding: 40px;
}
```
* That gives you a 10-pixels margin on all sides before the white area atarts,
as well as giving a 40-pixel area between the start of the white area and any
content (padding).
* Thread Starter [avive](https://wordpress.org/support/users/avive/)
* (@avive)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627564)
* Can you tell me why this table inside of a page is adding that extra line at
the bottom and shoving the facebook image off the container table?
[http://chinadolltat2shop.com/](http://chinadolltat2shop.com/)
* [catacaustic](https://wordpress.org/support/users/catacaustic/)
* (@catacaustic)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627565)
* Its very simple CSS. There’s a rule there that adds a bottom border to the table
cells. I was going to show you where, but the CSS for the site is all loaded
in the pages head area as a single line of text… That makes it close to impossible
to find, and completely impossible to read.
* Thread Starter [avive](https://wordpress.org/support/users/avive/)
* (@avive)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627566)
* so there is no way to add a table without a button border?
* [catacaustic](https://wordpress.org/support/users/catacaustic/)
* (@catacaustic)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627567)
* Yes there is, but you have to adjust your CSS rules and remove the section that
gives the table cells the bottom border.
* [WPyogi](https://wordpress.org/support/users/wpyogi/)
* (@wpyogi)
* [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627568)
* As catacaustic said (correctly as always 🙂 ), you need to learn basic CSS and
HTML if you want to do this kind of thing – a browser tool such as Firebug is
the best way to work with CSS. Also see this site for CSS reference info: [http://www.w3schools.com/css/](http://www.w3schools.com/css/)
You could also check out:
[http://csscreator.com](http://csscreator.com) to
learn more about CSS.
* All that said, try setting a width on the table:
* ```
table {
margin: 0 0 15px;
width: 500px;
}
```
* and look at the border here:
* ```
table tr td, table tr th {
border-bottom: 1px solid #333333;
padding: 5px 7px 3px;
text-align: left;
vertical-align: middle;
}
```
* Another relevant question is why are you using a table at all – tables are not
meant to be used for layout purposes.
Viewing 10 replies - 1 through 10 (of 10 total)
The topic ‘Adjusting table width’ is closed to new replies.
* In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
* 10 replies
* 3 participants
* Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
* Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/adjusting-table-width/#post-3627568)
* Status: not resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics