How can I increase the size of the Thead, and Trow? They're pretty small and I'd like to make them bigger on my theme.
I'm not sure how to do it though, and I don't want to mess anything up experimenting too much. Help please!
global.css - you can add height
line 365:
.thead {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #ffffff;
height: 50px;
border-bottom: 1px solid #263c30;
padding: 8px;
}
Line 410: trow1 & trow2
.trow1 {
background: #f5f5f5;
height: 50px;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
.trow2 {
background: #efefef;
height: 50px;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
(2016-07-21, 10:41 PM)Ashley1 Wrote: [ -> ]global.css - you can add height
line 365:
.thead {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #ffffff;
height: 50px;
border-bottom: 1px solid #263c30;
padding: 8px;
}
Line 410: trow1 & trow2
.trow1 {
background: #f5f5f5;
height: 50px;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
.trow2 {
background: #efefef;
height: 50px;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
Oh wow that's incredibly simple lol, thank you. I learned something today for sure.
Just wanted to pop in here and suggest using padding, line-height, or min-height for vertical spacing rather than height. It causes things to get cut off when the content is higher than 50px.
(2016-07-26, 03:39 PM)Eric J. Wrote: [ -> ]Just wanted to pop in here and suggest using padding, line-height, or min-height for vertical spacing rather than height. It causes things to get cut off when the content is higher than 50px.
Adding top and bottom padding is probably best:
padding-top:15px; padding-bottom:15px
Or just all-round padding:
padding:15px