1. REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Featured ribbon need to be clear

Discussion in 'Showcase Closed Suggestions' started by Sami, Apr 24, 2015.

  1. Sami

    Sami New Member Showcase

    I like the concept of the featured ribbon, and the color. But i think it must be bigger font size..

    i hope you can consider that in the next release...

    2015-04-25_0-43-36.png
     
  2. Bob

    Bob Developer Staff Member

    Pretty sure that is being replaced in SC 2.4.0 favor of CSS to give Admins much better control over things like shape, size, color, font type, font size etc (I say, pretty sure as I am not in my office at the moment and can't verify whether its in SC 2.4.0 or SC 2.5.0)
     
    Edwin, tajhay and Sami like this.
  3. Bob

    Bob Developer Staff Member

    The "Featured" Icon on the Grid View and Modular View Layouts is now a ribbon and is 100% CSS (which means you can modify it to your liking via extra.css).

    Here are a couple quick screen shots showing one of many simple things that can be done via Extra.css (changing the background color and text color).

    This is default (blue and white)
    Selection_194.png

    Here I simply added a slight Extra.css tweak to make the ribbon yellow with black text...
    HTML:
    .amsGridItem .thumbnailContainer span.featured:after {
        background-color: yellow;
        color: black;
    }
    Selection_195.png

    In this example, you can see that there is a slight opacity (0.7) when in inactive (not moused over) mode.
    Selection_196.png

    When you mouse over, the opacity is (1.0). The opacity values can be overriden by Extra.css as well (its all CSS, so anything about it can be adjusted).
    Selection_197.png

    You can use other CSS Classes (like the Category ID) to make Featured Ribbons different colors for different category's now.
     
    Veer, Sami and Regs like this.
  4. Sami

    Sami New Member Showcase

    Amazing.. Thank you very much :)
     
  5. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    Is it possible to change the ribbon text if yes where can I make the adjustment.
     
  6. Bob

    Bob Developer Staff Member

    Change "Featured" to what you want it to say. If the text is to large, you are going to have to make a bunch of adjustments.
    HTML:
    .canTransform .showcaseItemThumb span.featured:after
    {
        content: "Featured" !important;
    }
     
  7. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    Yes that's what I mean.
    But I missing one ribbon
    Screenshots_2015-05-27-19-19-35.png
     
  8. Bob

    Bob Developer Staff Member

    Oops.... keep forgetting that the Modular Block CSS is slightly different than Grid View..

    This will do the trick ;)
    HTML:
    .canTransform .showcaseItemThumb span.featured:after,
    .canTransform .thumbnailContainer span.featured:after
    {
        content: "Featured" !important;
    }
     
    Edwin likes this.
  9. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    Awesome :)
    Bob is it an option to add this in the sc options even with a option to choose the color?
     
  10. Bob

    Bob Developer Staff Member

    I MAY (if someone figures out how to give me 48 hours in a day) add some style properties, but something like this will never be in the "Options". Style Properties are for CSS.
     
  11. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    Looks great.
    Screenshots_2015-05-27-19-40-14.png
     
    3rd angle and Bob like this.
  12. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    I have a free 24-hour doubler lol I know that feeling.
     
    Bob likes this.
  13. Bob

    Bob Developer Staff Member

    Its MUCH better than the old image.
     
  14. Edwin

    Edwin Member AMS Premium RMS Premium SC Premium UBS Premium

    Yes this is perfect, thanks
     
    Bob likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.