css

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

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

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

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?

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

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

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

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

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

Hello, On our XF1 forum we had some custom pages made, as i could've found on the forum we needed to add the following HTML on each new page like this: <div class="messageText ugc baseHtml"> your content here </div> We are now testing XF2 and wanted to update those pages as well, what's the...

After trying ALMUSA's sticky thread separator, I went a bit further and decided to try customising the look of the stickies. This seems to be much simpler than in xf1, the following added to EXTRA.less will change the background colour, font style and font colour of the main text (i.e. the...

Anyone can tell me how to bring the custom css style properties into a .less-template? I've scanned through various of the templates, but I'm still as clueless as from the beginning, tried @Name, @_name, but the less-compiler keeps throwing Unexpected input in anonymous-file [...].

On an Android KitKat 4.4.2 phone (Samsung branded with TouchWiz stock firmware) using the default browser, certain parts of the default XF2 theme don't render quite right. The inconsistencies I think are not game breaking, but they do detract from the feel of XenForo 2.0. Having said this, I do...

Where can I edit the menu that pops up when you try to mention a user? I've tried using inspect element and breaking on the subtree, which worked for the draft button, but I can't inspect this menu before it disappears. Here's the menu I'm talking about: Thanks! https://lakevalor.net

Hi! I read through this guide (https://xenforo.com/community/resources/using-custom-user-fields-to-customise-the-layout.4015/) and was wondering how I would go about using this to toggle CSS elements, or if it's even possible. For example, how would I go about using this to do something like...

Hi! I'm wondering if there is a code for creating a "text-background" or a physical text "wrapper". For instance, here is my website: As you can see, the text and image do not have a background, or wrapper box of their own; it is simply showing the websites background. This can cause issues...

Alright, I know there must be a million threads on this, but I cannot get this to work. So, I've been trying to get the EXTRA.css to work with my custom images for ranks, but whatever I do, it doesn't work. I've used many different ways of getting the rank an image in the banner style, but to...

Hello! In my addon options, I have a custom css textbox to input css. Is there a way to pull that css back into the addon options page where it is viewable? Basically, I need to see what the css is displaying in the addon options page. I already have the admin template edited for the css, but...

It is a minor feature request and it's based on some of the add-ons I already made that have no actual .php files and only contain a single XML. For example I want to create an add-on that changes the look of editor or any other element. To do that I'll have to: Create a template; Create a new...

Hi, I want to add my extra css in these classes "#header .pageWidth .pageContent". I found it in header.css template but it is something like that {xen:helper clearfix, '#header .pageWidth .pageContent'} and on front-end its displaying how can i add my own custom css in the template which...