css

  1. A

    XF 2.2 How do you change the weight of Font Awesome icons?

    Hi everyone, I've been looking through the forums for an answer and cannot find one- currently i'm using this CSS in extra.less to add icons: .m-faBase(); .m-faContent(@fa-var-xxxx); Unfortunately this only adds the "solid" weighted icon. How do I modify the code to suit other icon weights...
  2. Baby Community

    XF 2.2 Adding images to category titles in xenforo default theme

    Is it possible to add images to category titles in xenforo default theme like this?
  3. Wildcat Media

    Creating attractive color palettes in XenForo using Adobe Color

    I have designed many color themes for XenForo boards over the years, and at times I would struggle with finding good sets of colors to use. Too many colors can make a design look too busy, and odd color combinations do not appeal to the eye. In addition, there were times I wanted shaded...
  4. D

    XF 2.2 Match color to poster's usergroup's

    Hi! I'm trying to do a: .message-name a{ text-decoration:underline; text-decoration-color: idkwhatgoeshere ; } and have the underline color match the user's name color. any idea how i can grab the poster's color?
  5. Starbucks

    XF 2.2 New Thread Modal - Two Columns

    Hi there. I would like to know if there's a possibility with CSS to change the modal that appears when clicking "Post new Thread". We have several categories and forums which makes it quickly a list of threads you can chose from, but scrolling through a modal is not a great user experience...
  6. M

    Lack of interest COLOR BB code: Improve text readability (contrast) in light and dark styles (E.g. Darken/lighten the rendered color)

    We can have light styles, dark styles, or both. There is even a dedicated style property styleType that xf-intensify and xf-diminish reference to determine how they alter a color (E.g. darken/lighten). I'm now looking at adding a dark style to my forum alongside a light one. This prospect has...
  7. R

    XF 2.2 Can I update $xf.options.jsLastUpdate manually?

    I would like to update $xf.options.jsLastUpdate to force reloading of some css files (..mycss.min.css?d={$xf.options.jsLastUpdate} ) that are in the browser cache. Can I change this somewhere in the ACP?
  8. apathy

    [AP] Style Suite 2.9.5

    BRANDING FREE (€10): Link This addon allows users to customize the appearance of the username, custom title, profile, and postbit, by adding 4 new pages to the Account Details section. It also expands upon Account Details by adding a new drop-down field that allows users to add a frame to...
  9. BubbaLovesCheese

    XF 2.2 SUBMISSION : Node animation on mouse hover

    Hi, I created a Node animation using CSS that I would like to submit if anyone is interested. When you hover your mouse over a node, a shadow will appear and it will expand, giving it the impression it is jump out. This is a screen shot: I made it by adding this CSS code to the extra.less...
  10. nicodak

    Browser issue CSS issue when resizing page width in Style properties

    Hello, I have noticed a small border problem for some time: There is a space, I guess 1px, to the left of all the blocks on my site. This space is located between the container block and its contents. I searched for hours and hours in my extra.less for what could create this problem but I did...
  11. M

    XF 2.2 Tiled Header Image on Homepage

    Hello. Is it possible for me to make sure that my header image does not become tiled on some monitor? I'm assuming its a CSS issue or fix?
  12. nicodak

    XF 2.2 header only on forum home (forum_list)

    Hello, How can i manage CSS to get the logo only in forum home ? do i have to put this [data-template="template_name"] { .p-header-logo {display: none;} } for eache template ?? Thanks ! :)
  13. Chromaniac

    Lack of interest Make use of content-visibility css property in default theme

    https://web.dev/content-visibility/ I have been reading a lot of blog posts about this and it seems like something that could do well on complex layouts like xenforo forum pages. Just putting it out here for consideration.
  14. ibnesayeed

    Won't fix Profile name legibility issue with tricky banner image colors

    I uploaded a new profile banner image with black curvy lines and transparent background, which caused my name appear in white with black outline/stroke/shadow. In the full profile view it is not very legible and in the tooltip mode the background color beneath the text is the same as without any...
  15. DarkestPaladin

    Transitioning from 1.5 to 2.1

    Hi there, I've been using this platform for my role-playing site for about four years now. We're upgrading to 2.1 but there are a few customization options in styles that I can't find, that were readily available in 1.5. Usually in 1.5, under the 'header and navigation' property settings there...
  16. R

    XF 2.1 Extra.less not taking

    Hi I have setup a forum on my local machine to test templates on my local machine and everything is working fine as far as the forum is concerned. However, as soon as I add some custom css to the Extra.less template, none the css changes are showing at all. Any ideas? Thanks in advance.
  17. JasonBrody

    XF 2.1 User name CSS not working !

    Hi, this is my Admin group properties: But still it's remaining black / default one . . . (PHP 7.4 , XF 2.1.6) , means the CSS is not working .
  18. frm

    XF 2.1 List of custom prefix colors?

    I've made a couple myself, but I'd like to add a dozen or so more prefixes to my threads and other areas over time. It's not that I don't have time to do this, but, has anyone ever dropped a resource of multiple thread prefix styles that can be copied and pasted for pink, brown, fire red, etc...
  19. dvsDave

    XF 2.1 gmail purple text

    So, when a user starts getting multiple emails notifications for the same thread, parts of the text start to turn purple in gmail. This phenomenon is documented here: https://litmus.com/community/discussions/5189-gmail-changes-color-of-text-im-class I was wondering if there is any way to add...
  20. A

    Not a bug CSS calc() function not working properly

    In XF, something like: width: calc(100% - 10px); results in: width: calc(90%); Tested on Firefox and Chrome. That is to say, the "px" value is parsed as "%" when performing the calculation.
Top