css

  1. B

    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...
  2. 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...
  3. 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?
  4. 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 ! :)
  5. Chromaniac

    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.
  6. 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...
  7. 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...
  8. 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.
  9. 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 .
  10. 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...
  11. 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...
  12. 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.
  13. Agentos

    XF 2.0 Avatars + name members online now?

    Is it possible to set avatar + name in members online? I can pay for it example
  14. frm

    Beta CTA Blinking Log In / Register Buttons

    Create a very simple, yet effective, call to action button that will flash your "Log In" button to smaller viewports, which hide the "Register" link, and then swap it with the "Register" button in larger viewports when it becomes visible. Add the following code to your extra.less template...
  15. Masterx10

    Not a bug .ionic css styles colors can not be changed!

    Who can tell me how I can change the color of the .ionic box and hook in css, for example in blue or green. see mark on the picture.
  16. DeltaHF

    Fixed Removing text color in Style Properties breaks entire page layout

    With the default theme, if you remove an explicit color definition of a property, it will break the entire layout of the page. To replicate, delete the "Color" field of the "Navigation row" in the "Header and navigation" style properties. It is set to @xf-chromeTextColor by default: This...
  17. developr

    XF 2.0 class of usermark popup?

    Does somebody know the class of the popup when I mark users? The developer mode of chrome doesn't show me the element.
  18. H

    Not a bug Second .pageNavLinkGroup on "Recent posts" page incorrect child number in CSS

    This one drove me mad. On the Recent Posts page, there are 2 .pageNavLinkGroup divs, one above and one below the list of posts. When trying to use the :nth-child() CSS selector (in EXTRA.css) to style the second one (rather than editing the template and adding an additional class name), using...
  19. hemant_bhardwaj

    Unmaintained Grid layout for Thread without addon

    Hemant here again with Thread grid layout without Addon. Well after my Grid layout for XFRM without Addon @Neutral Singh suggest to make grid layout for the thread too. so here it is. So here a simple CSS that you need to place it in Extra.less that will give it what you looking for. IF YOU...
  20. WoodiE

    Lack of interest Subresource Integrity (SRI) support

    Xenforo gives us the option to load jQuery from outside sources (such as Google, Microsoft, and jQuery CDN's) via the AdminCP. It would be great, that instead of just linking directly to the .js file as it currently does, that Xenforo also added the Subresource Integrity (SRI) hash as well. I...
Top