Announcement

Collapse
No announcement yet.

Change style for a specific notice

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

  • Change style for a specific notice

    Hi,

    Is there any way (css i guess) to make it so one of my notices has a different style than others (just background and borders...) ?

    Thanks for your help.

  • #2
    I do this on my cloud site - https://forums.rabidbadger.io/.

    The code is like this:
    Code:
    /* Notices Color and Backgrounds */
    .notice {
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    
    [data-notice-id="6"] {
        background-color: transparent;
        border-color: transparent;
        color: #3c763d !important;
    }
    
    [data-notice-id="1"] {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #3c763d !important;
    }
    
    [data-notice-id="4"] {
        background-color: #d9edf7;
        border-color: #bce8f1;
        color: #31708f !important;
    }
    
    [data-notice-id="5"] {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #8a6d3b !important;
        text-align:center;
    }
    
    [data-notice-id="3"] {display:none;}
    To find the ID of your individual notices, you hover over the notice title within the AdminCP's Notice Manager. The noticeid will show at the end of the URL in your status bar.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    Vote for your most annoying bugs.
    I am not currently available for vB Messenger Chats.

    Comment


    • #3
      This is great, you are the best .
      Thanks a lot.

      Comment

      Working...
      X