Changing colors in my Global Header works. But changing the height does not make any changes. I have made changes from 30 to 1200 and my news feed box does not increase in size. We want to make the box bigger then make the font bigger.
<style>#news { // the news container
height:30px;
background-color: #4863a0;
}
.items div div{ //The font size of your messages
font-size:large;
font-weight:bold;
color:#ffffff;
}
.title{ // font size of 'news
font-size:large;
font-weight:bold;
color:#ff0000;
}
</style>
I also found this in my style sheet and I don't seem to be able to change the size of the box from here either.
/* News Bar */
#news { color:
johnnynav_tree_color; font:
johnnynav_tree_font; text-decoration:
johnnynav_tree_decoration; z-index: 9; height: 20px; font:
johnnynav_tree_font; background-color:
johnnynav_tree_background_color; overflow: hidden; margin: 0 auto 10px; border:
johnnynav_tree_border_width
johnnynav_tree_border_style
johnnynav_tree_border_color; .rounded-corners(
johnnynav_tree_border_radius); }
#news .items { height: 20px; position: relative; overflow: hidden; }
#news .items > div > div { padding: 0 10px; line-height: 20px !important; }
#news .items div img { vertical-align: text-bottom; }
#news .nav { float: left; background-position: center; }
#news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
#news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
#news .nav .arrow.left { .rounded-corners(
johnnynav_tree_border_radius, 0, 0,
johnnynav_tree_border_radius); }
#news .nav .arrow.left span { border-right-color:
johnnynav_tree_border_color; }
#news .nav .arrow.right span { border-left-color:
johnnynav_tree_border_color; }
#news .nav:hover { background-color:
johnnynav_tree_hover_background_color; }
#news .nav:hover > span { border:
johnnynav_tree_border_width
johnnynav_tree_border_style
johnnynav_tree_border_color; border-width: 0px
johnnynav_tree_border_width 0px 0px; }
#news .nav:hover .arrow { background-color:
johnnynav_tree_hover_background_color; }