css

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

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

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.

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

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

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

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