css

  1. 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.
  2. BMajumdar

    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 .
  3. 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...
  4. 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...
  5. 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.
  6. 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
  7. 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...
  8. 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.
  9. 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...
  10. 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.
  11. 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...
  12. hemant_bhardwaj

    Beta 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...
  13. WoodiE

    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...
  14. kingdomkz

    XF 2.0 Change Topic Title For Single Thread

    I did locate another tutorial here related to this topic, but I didn't see any information about how to customize a "specific value" in regard to a class in the extra.less template, I found a few bits of information online, but nothing has worked so far. I'm trying to color a specific...
  15. chaot3ch

    XF 2.0 How to change specific attributes on different pages separately?

    I am trying to change the .p-body-content on specific pages. I though I would use something like .node--forum .p-body-content {changes} or .node--idx .p-body-content {changes} However neither of those work. Is there something I'm missing or is there another way to edit these things?
  16. electrogypsy

    XF 1.5 how to create css that affects thumbnails only?

    sorry for such a basic question, but is there any css selectors for changing the way thumbnails appear when they are embedded in the post? i have some custom css for full size images, but it's being applied to the thumbnails as well, and i'd like to exclude them or use different css for...
  17. CatsCraft

    Modified Header now page wont load

    Everything was working great and I just added forum groups. Then when I attempted to change the color of the header by clicking on the orange theme it got stuck. Now the forums take several minutes to load and when they do the CSS isn't loaded so the styling is completely gone. The website is...
  18. Ali Ahmed

    XF 2.0 staff bar file template

    Hi Where is the template file for editing the login and register things like icons see the screenshoot. i can't find it out in admin panel thanks for help
  19. Koala_Steamed

    Unmaintained Highlight and Separate Sticky Threads 2017-12-04

    Simple css (extra.less) modifications to highlight/separate sticky threads Separate sticky and normal threads Insert code in template: extra.less /* Border between sticky/normal threads */ .structItemContainer-group--sticky { border-bottom: 6px solid; color...
  20. C

    XF 1.5 Integrate Wordpress Header/Footer Without Overriding XenForo CSS

    Hi, I'm trying to implement my Wordpress header / footer over the Xenforo page, but the CSS that it's pulling in is overriding much of XenForo's. What could I do to have the CSS called within Wordpress' php only apply to the header / footer sections when called here, and not the rest of the...
Top