css

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

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

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.

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

Simple combo of Html and css to make a welcome box in any theme With Xenforo Notice Set view permission TO guest :) change the font color by changing the WHITE and change the background color by Changing the #226ea5 Change the notice "1" ID with your notice ID. <style>...

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