I'm trying to reduce the height of the classroom picture beneath the dropdown menus. I've modified the height: from 150px to 75px, but that only shrunk the picture, and didn't remove the white space.
img[Attributes Style] {
width: 400px;
height: 75px;
My goal is remove the extra white space lines between the "Welcome to the Phoenix DAMA Chapter" and the classroom image. My next goal might be to remove the image entirely and collapse the "Welcome..." to the menu-bar.
Thanks,
Joe
Here's the style.css
\\
/*
Theme Name: Dama-Phoenix.og
Description: This theme is custom made for Dama-Phoenix.og
Version: 1.0
*/
body {
background: url(images/body-bg.png);
font-family: 'Droid Sans', sans-serif;
font-size: 14px;
}
p {
line-height: 30px;
}
h1 {
font-family: Arial;
font-size: 24px;
font-weight: bold;
}
h2 {
font-family: Arial;
font-size: 18px;
font-weight: bold;
line-height: 2;
}
h3 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 4;
}
h4 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
line-height: 4;
}
h5 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
line-height: 4;
}
h6 {
font-family: Arial;
font-size: 10px;
font-weight: bold;
line-height: 4;
}
strong {
font-weight: bold;
}
ul {
list-style:circle;
padding-left:30px;
line-height: 20px;
}
td {
padding:10px;
line-height:18px;
}
.clear {
clear: both;
}
#top-header {
height: 407px;
margin: 0;
max-width: none;
overflow: hidden;
position: absolute;
width: 100%;
z-index: -1;
}
#top-header img {
min-width: 1024px;
height: 150px;
width: 100%;
top: 0;
left: 0;
}
#top {
margin: 0 auto;
width: 960px;
}
#logo {
float: left;
margin: 16px 0;
}
#menu-social-media {
float: left;
width: 807px;
}
#top-social-media-flags {
float: right;
margin: 35px 0 18px;
width: 340px;
}
#top-social-media-flags #language {
float: left;
font-size: 12px;
color: #fff;
font-weight: bold;
}
#top-social-media-flags #language select {
margin-left: 7px;
}
#top-social-media {
float: right;
}
#top-menu {
float: right;
margin: 33px 0 0 0;
}
#top-menu ul li {
float: left;
list-style:none;
}
#top-menu ul li a {
float: left;
padding: 23px 18px 20px 18px;
color: #b7c3d9;
text-decoration: none;
font-size: 14px;
list-style:none;
}
#top-menu ul > li > a:hover, #top-menu ul > li:hover > a {
background:#eacb32 url('images/nav-hover.png') repeat-x 0 5px scroll;
color:#515151;
list-style:none;
}
#top-menu ul li:last-child a {
padding-right: 0;
}
#top-social-media-flags label {
float: left;
font-size: 12px;
color: #fff;
margin: 7px 7px 0 0;
font-weight: bold;
}
#banner {
text-align: center;
padding: 50px 0;
}
#content {
margin: 0 auto;
width: 940px;
padding: 0 10px;
}
.terms {
border-top: solid 1px #ddd;
margin-bottom:40px;
}
.event-join {
padding: 40px 0;
}
.join {
font-weight: bold;
font-size: 15px;
color: #333333;
text-transform: uppercase;
float: left;
}
.pass-events {
font-size: 13px;
color: #ab2e44;
font-weight: bold;
float: right;
text-decoration: underline;
}
.pass-events a {
font-size: 13px;
color: #ab2e44;
font-weight: bold;
text-decoration: underline;
}
.event {
background: #fff;
border: 1px solid #e7e7e7;
margin-bottom: 30px;
}
.event .event-image {
float: left;
padding-right: 20px;
}
.event h2 {
font-family: 'Oswald', sans-serif;
font-size: 38px;
color: #ab2e44;
font-weight: normal;
margin-top: 35px;
text-decoration: none;
}
.event h2 a {
font-family: 'Oswald', sans-serif;
font-size: 38px;
color: #ab2e44;
font-weight: normal;
margin-top: 35px;
text-decoration: none;
}
.event-meta {
color: #676767;
font-weight: bold;
font-size: 13px;
}
.event-meta .event-name {
background: url(images/name-icon.png) no-repeat;
padding-left: 20px;
padding-right: 30px;
padding-bottom: 1px;
}
.event-meta .event-date {
background: url(images/date-icon.png) no-repeat;
padding-left: 20px;
padding-right: 30px;
padding-bottom: 1px;
}
.event-meta .event-time {
background: url(images/time-icon.png) no-repeat;
padding-left: 20px;
padding-right: 30px;
padding-bottom: 1px;
}
.event-desc {
font-size: 15px;
color: #333333;
padding-top: 13px;
}
.event-desc-meta {
float: left;
width: 598px;
padding: 0 10px;
}
#about-footer {
background: #fff;
border: 1px solid #e7e7e7;
}
#about-footer-wrapper {
width: 940px;
margin: 0 auto;
padding: 40px 10px;
}
#who-we-are {
float: left;
width: 601px;
padding-right: 20px;
}
#get-in-touch {
float: left;
width: 301px;
margin-left: 10px;
}
#about-footer h2 {
color: #333333;
font-weight: bold;
font-size: 15px;
margin-bottom: 20px;
}
#about-footer p {
color: #333333;
font-size: 15px;
padding-right: 25px;
}
#footer {
width: 960px;
margin: 40px auto 0;
text-align: center;
}
#footer ul li {
display: inline-block;
border-right: 1px solid #9b9b9b;
}
#footer ul li a {
padding: 0 15px;
color: #444444;
font-size: 13px;
text-decoration: none;
}
#footer ul li:last-child {
border: none;
}
copyright {
margin: 20px 0;
color: #444444;
font-size: 13px;
display: inline-block;
}
.inside-page {
margin-top: 35px;
min-height: 500px;
padding: 0 10px;
}
.inside-page h1 {
font-family: 'Oswald', sans-serif;
font-size: 38px;
color: #ab2e44;
font-weight: normal;
margin-bottom: 20px;
padding: 10px;
}
.two-columns-left {
float: left;
width: 598px;
padding-right: 20px;
}
.single-event-image {
float: right;
width: 300px;
}
.single-event-meta {
margin-bottom: 15px;
}
.menu-footer-container {
margin-bottom: 20px;
}
.textwidget {
margin: 10px;
}
#top-menu ul li ul {
display: none;
position: absolute;
width: 332px;
margin-top: 63px;
padding-left: 0;
background: #000;
}
#top-menu ul li ul li {
float: none;
}
#top-menu ul li ul li a {
width: 314px;
display: block;
float: none;
padding: 23px 0 21px 18px;
}
#top-menu ul li:hover ul {
display: block;
}
\\