UI.X

UI.X 1.5.22.0

No permission to download
Strange, using the snippet here, it still doesn't show up. I went and used just the bit of code you provided with the path setup to the correct image. :(
First, you are putting it on .categoryText, not .categoryStrip as I mentioned.

Second, I found some code:

Code:
/* Catagory Image Replace */

.nodeList .categoryStrip
{
    background-image: url('path/to/left.gif'), url('path/to/center.gif'), url('path/to/right.gif') !important; 
    background-position: left, center, right !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
}

Regardles of what it does, you have lots of !importants. So you'll have to overwrite them or remove this bit of code.
 
Thanks, I had been working on the editable one that is hidden and had forgotten to merge the changes to the visible, user facing style.

Code:
/* Category Image Replace */

.nodeList .categoryStrip {
border: none !important;
border-radius: none !important;
}

.node.category.node_20 .categoryStrip {
background: url("styles/uix/CatImage.jpg")
}

Removed the extra code from the css now and still not showing up for the user facing style until I have to merge it. Is it normal as I thought it would use the edits from the parent style?
 
I have a question - I could swear I saw it in the settings somewhere, just can't find it now. I want to modify the navigation drop down menus so that after X number of links are in the sub-menu it breaks into columns. Is that a UI.X setting or am I thinking of something else?
 
Question, is it possible to change the width of the sidebar easily? I want to increase it to 350px instead of 250px.

I tried changing the width property in the CSS but the inline margin-right on .mainContent

Edit: Nevermind my mistake. Pretty easy.
 
I'm sorry for being a bother but have another thing needing help with.

Wanting to insert a image into the background of the node and I think I have this right

Code:
.nodeList .node.node_13 { background-image: url("styles/uix/nodetest1.jpg"); background-repeat: no-repeat;}

Again, I don't have a clue in what I'm doing and trying to learn what I can. The image isn't showing as a background in the node's box.
 
It's different for different kinds of nodes.

PHP:
.nodeList .node_13 .categoryForumNodeInfo {
    background: url("styles/uix/nodetest1.jpg") no-repeat scroll !important;
}

.nodeList .node_13 .primaryContent {
    background: url("styles/uix/nodetest1.jpg") no-repeat scroll !important;
}
 
Yeah, just trying to wrap my head around all of this :) and thank you. As the node style in UI.X is much different than other styles, This format wouldn't work obliviously in a normal non-side by side format?
 
I have a question - I could swear I saw it in the settings somewhere, just can't find it now. I want to modify the navigation drop down menus so that after X number of links are in the sub-menu it breaks into columns. Is that a UI.X setting or am I thinking of something else?
This is not a setting, but not a bad idea either. You are talking about navigation dropdowns?
 
This is not a setting, but not a bad idea either. You are talking about navigation dropdowns?
Yes, navigation drop down menus. I swear I saw this in a setting somewhere, maybe not in this theme, but somewhere. I'd like to create multiple columns for various navigation tabs, similar to the way the User nav dropdown menu works with the user's avatar, links to profile, etc. That menu is multi column, and that's what I'm looking to achieve - hell, I'd like to add another column or two in that menu. I would just like to break each nav tab into multiple columns to keep them from being too long - have the option to make them wider, with multiple columns instead of one long drop down, like a "mega menu".

Also, I'd love the ability to add "extra" links in various menus. I know that might be more difficult to accomplish, but that would keep me from having to edit the navigation template to add the links.
 
Yes, navigation drop down menus. I swear I saw this in a setting somewhere, maybe not in this theme, but somewhere. I'd like to create multiple columns for various navigation tabs, similar to the way the User nav dropdown menu works with the user's avatar, links to profile, etc. That menu is multi column, and that's what I'm looking to achieve - hell, I'd like to add another column or two in that menu. I would just like to break each nav tab into multiple columns to keep them from being too long - have the option to make them wider, with multiple columns instead of one long drop down, like a "mega menu".

Also, I'd love the ability to add "extra" links in various menus. I know that might be more difficult to accomplish, but that would keep me from having to edit the navigation template to add the links.
I know its not what you are looking for, but the only thing that gets close is: http://xenforo.com/community/resources/nodes-as-tabs.9/ (which you could technically make link forums, but eh)

We could build a mega menu system. It would require template edits, as our system is a framework not a plugin :P.
 
I know its not what you are looking for, but the only thing that gets close is: http://xenforo.com/community/resources/nodes-as-tabs.9/ (which you could technically make link forums, but eh)

We could build a mega menu system. It would require template edits, as our system is a framework not a plugin :p.
Ha, I have Nodes as Tabs installed, maybe that's where I saw something.

I'm really liking the UI.X theme/framework, so whatever you come up with for a mega menu I'd use. I'm preparing for a vB 3.8 migration and love all this new flexibility and responsive design. I'm sure I'll have more feedback for you on UI.X here at some point. One thing I wish I could do is keep the quick search box in the 0 position location even if I remove the 'selected tab sub links'.
 
Just purchased and loaded the theme and i love it. Loads fast and am so very happy with the ease of editing it. Great great work so Thank you.
 
Last edited:
Where is located the box-shadow we can see when we scroll down the page with the navTab fixed at the top of the page? I wanna put the same box-shadow to the navtabs all the time but I can't get it working.
 
If you change the Wide Max Responsive Width to be any bigger, the theme does not set the .mainContent margins correctly.

The .mainContent sidebar margin should be removed when the width is smaller than that value, but it continues to be applied until the width is less than the 800px default.
 
If you change the Wide Max Responsive Width to be any bigger, the theme does not set the .mainContent margins correctly.

The .mainContent sidebar margin should be removed when the width is smaller than that value, but it continues to be applied until the width is less than the 800px default.
Yes this bug has been patched already. Easy fix, thanks for reporting it.
 
Awesome.

More of a feature request than a bug, but I need to make some changes to #QuickSearchPlaceholder so it is more visible against my full-width header.

These changes need to be reset when the header is fixed and the icon is alongside the alerts and inbox.. which requires duplicating the original values with .hasHeaderFixed.hasSearch .activeHeaderSticky #QuickSearchPlaceholder.

Would be really nice if there was .hasHeaderFixed.hasSearch .inactiveHeaderSticky (for lack of a better name) so I could apply my changes to just the regular header and not have to reset them for the fixed header.
 
Back
Top Bottom