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
(@avive)
The opaque white box that is on every page, I want that to be smaller.
Ahh….
Well, that won’t be that ahrd. How good are you with CSS????
<div id="container" class="container-fluid">
....
</div>
That <div> 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
(@avive)
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.
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
(@avive)
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/
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
(@avive)
so there is no way to add a table without a button border?
Yes there is, but you have to adjust your CSS rules and remove the section that gives the table cells the bottom border.
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/ You could also check out:
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.
