Announcement

Collapse
No announcement yet.

Making an Announcement stand out....

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Forum] Making an Announcement stand out....

    Can I edit something somewhere to change the background colour of the Announcement? I want something a bit brighter than the pale blue, but don;t seem to be able to find any options on this anywhere. It's the actual link to the announcement from the forum listing, not the actual text of the announcement itself.

    Whilst am asking about announcement options, I can get it to display within a forum, but is there a way to also display it at top level - /forum/forum.php ?

  • #2
    Stylevars > announcement_background changes the look.

    If you want to get a more custom look, then you need to perform edits in announcement.css or edit the following CSS in the forumdisplay.css.


    Code:
     
    .announcements {
    display:block;
    }
    .announcements .announcerow {
    background: {vb:stylevar announcement_background};
    _background-image: none;
    margin-top: {vb:math {vb:stylevar padding}/2};
    display:block;
    float: {vb:stylevar left};
    clear:both;
    width: 100%;
    -moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    padding: 5px 0;
    }
    .announcements .announcerow:first-child {
    margin-top: 0;
    }
    .announcerow .announceinfo, .announcerow .announcement {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
    display:block;
    background: {vb:stylevar announcement_background};
    _background-image: none;
    }
    .announcerow .announcement {
    width: 80%;
    text-align:{vb:stylevar left};
    }
    .announcerow .announceinfo {
    width: 20%;
    text-align:{vb:stylevar right};
    }
    .announcement dl {
    font-weight: bold;
    font-size: {vb:math {vb:stylevar mid_fontSize}+1}px;
    display:block;
    }
    .announcement dl dt, .announcement dl dd, .announceinfo dl dt, .announceinfo dl dd {
    display:inline;
    }
    .announcement .username, .announcement .usertitle, .announceinfo dl{
    font-size: {vb:stylevar font.mid_fontSize};
    }
    .announcement .username, .announcement dl {
    margin-{vb:stylevar left}: {vb:stylevar padding};
    }
    .announceinfo .date, .announceinfo dl {
    margin-{vb:stylevar right}: {vb:stylevar padding};
    }
    .announceinfo .date {
    }

    Comment


    • #3
      Thanks! Bright red should do the trick!

      Now if only I can get it to display across the entire forum, rather than just active sub-forums.....

      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...
      X