Announcement

Collapse
No announcement yet.

Topic Prefix style that rocks!

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
  • Filter
  • Time
  • Show
Clear All
new posts

    #16
    AdminCP > Topic Prefixes > Topic Prefix Manager > Add Prefix or Edit (existing prefix)

    Comment


      #17
      Glenn where am I going wrong here?

      I have this in the “Rich Text”

      HTML Code:
       <span class="prefix-1" title="This is the hover text and it is optional">Sticky</span>
      And here is the CSS

      Code:
        /* Topic Prefix custom style - START */
      /* Common styles for all prefixes */
      .js-topic-prefix [class^="prefix-"],
      .search-module-prefix [class^="prefix-"],
      .b-post__title [class^="prefix-"],
      .post-action-wrapper [class^="prefix-"] {
          padding: 2px;
          font-size: 11px;
          font-weight: bold;
          border-radius: 3px;
          position: relative;
          bottom: 2px;
          text-transform: uppercase;
          white-space: nowrap;
      }
      .post-action-wrapper [class^="prefix-"] {
          padding: 1px 2px;
          bottom: 1px;
      }
      .search-module-prefix [class^="prefix-"] {
          bottom: 1px;
      }
      .b-post__title [class^="prefix-"] {
          padding: 1px 2px;
      }
      
      /* Separate styles for each prefix type */
      .js-topic-prefix .prefix-1,
      .search-module-prefix .prefix-1,
      .b-post__title .prefix-1,
      .post-action-wrapper .prefix-1 {
          color: #fff;
          border: 1px solid #008000;
          background-color: rgba(0, 128, 0, 0.8);
      }
      .js-topic-prefix .prefix-Sticky,
      .search-module-prefix .prefix-Sticky,
      .b-post__title .prefix-Sticky,
      .post-action-wrapper .prefix-Sticky {
          color: #fff;
          border: 1px solid #ed143d;
          background-color: rgba(237, 20, 61, 0.85);
      }
      /* Topic Prefix custom style - END */

      Comment


        #18
        Never mind I gave up on it. Figured I didn't need it anyway

        Comment

        Working...
        X