Announcement

Collapse
No announcement yet.

CSS Prefix

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    CSS Prefix

    Currently with xenforo I have this code within my exta.less file to call via a setting to make my prefixes look like


    This is the code
    HTML Code:
    .prefixphotos {
        background: none repeat scroll 0 0 #008000;
        color: #FAFAFA !important;
        font-weight: normal;
        border: double !important;
        font-size: 10pt;
    }
    .prefixphotos:before {
        content: "\f03e";
        font-family: FontAwesome;
        margin-right: 4px;
    }
    .prefixphotos {
       border-radius: 4px !important;
       padding: 0px 5px;
    }
    and I call it using


    How can I replicate this in vbulletin
    Last edited by KawaiiHannah; 12-28-2017, 06:59 PM. Reason: image inserted

    #2
    You can enter HTML tags in the Rich Text field in the Topic Prefix Manager. So you can either add inline style or class to style the prefixes using CSS. For example:

    Code:
    <span class="prefix-photos">Photos</span>
    Then in your CSS:
    Code:
    .prefix-photos {
        background: red;
        color: white;
    }
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      I have added this to my board ... awesome little addition thanks for sharing ... is there any way to two prefixes or is that like a major modification ?

      Comment


        #4
        Did you mean to add 2 prefixes in one post? That's not possible.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment

        Users Viewing This Page

        Collapse

        There is 1 user viewing this forum topic.

        • Guest Guest

        Latest Posts

        Collapse

        Working...
        X
        Searching...Please wait.
        An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

        Please push the back button and reload the previous window.'
        An unexpected error was returned: 'Your submission could not be processed because the token has expired.

        Please push the back button and reload the previous window.'
        An internal error has occurred and the module cannot be displayed.
        There are no results that meet this criteria.
        Search Result for "|||"