Appreciate the kind words. Just a reminder this specific thread is in a public forum so if you'd prefer to post your code in a ticket, I can move this over to a ticket.
Let me know when you're ready for me to review it.
Wherever you got the image from, might be the Discord API or something? Not sure how you're loading it, but you should check there to see if there are any customization options. Or is it through an add-on with XF?
There will be updates but due to terrible timing, I'm unable to push updates out until next week. I'm out of town for the next few days.
I upgraded our development forum, there's a single change in the template if anyone really needs to do the upgrade and wants to fix the outdated template...
Your image is only 320px wide, so you'd be distorting it if you made that larger (you'd need to create a new image and save as a larger width otherwise).
If you simply reduced the sidebar width from 350px to 320px, that would actually line up the buttons + image + sidebar well. The user area...
Still around, although late response here!
Which CSS were you using?
.tooltip--member .tooltip-content .memberTooltip-headerInfo {
color: red;
}
Would result in:
As for too many things changing, sometimes XenForo will have generic CSS targeting, in this case they change all color in...
That link definitely needs to be updated.
I've updated the Typography page to show the REM stuff.
https://pixelexit.com/documentation/typography/#-rem-support
You essentially need to check the REM option, then update the values manually.
It's a flex container, so the text is getting cut out as there's no room.
Try adding this in to extra.less:
.message--articlePreview .articlePreview-meta li {
margin: 0;
&.articlePreview-meta--views
{
margin-right: auto;
}
}
.message--articlePreview...
We do have a side position for "below content" but it just moves it GLOBALLY down below the content.
For specific ordering of widgets/divs, manual edits are usually the solution.
When you're using the search feature where it's not inside of the dropdown using the search icon and the field shows, there is no max-height set causing the contents to go off screen, particularly when the screen is short.
.xb-searchWrapper .xb-search .menu-content {
overflow: auto...
1.) Referring to the inbox+alerts? I guess you could add this to your extra.less:
a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--alerts, p-navgroup-link.p-navgroup-link--conversations { display: none !important; }
2.) For the donation thing, for this AI can't really mess up too...
If you want to apply specific CSS towards the dark mode, check here: https://pixelexit.com/documentation/dark-mode/
I provide a few examples of how to achieve this.
I believe adding this to extra.less will help:
#XF .block--category .block-header .block-header--left a {
background: transparent;
color: inherit;
border-width: 0px;
}
For this, you'll need to edit PAGE_CONTAINER.
Ctrl-f inside of the editor and look for:
<xf:macro id="top_bar" arg-searchConstraints="{$searchConstraints}" />
I like putting comments around code versus deleting it (easier for me to view outdated templates and what is intentional).
Wrap that...
Just a follow up to this, I've created a new doc page to talk about the new dark mode.
https://pixelexit.com/documentation/dark-mode/
Let us know if you need anything else!
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.