![[xFv]](/community/data/avatars/m/90/90390.jpg?1701363589){kind=avatar}
[xFv]
Well-known member
Does this possibly resolve the issue with the xfa icon addon?
![[TH] Nodes for grid, custom styling, and custom icons](/community/data/resource_icons/5/5837.jpg?1510847147){kind=icon}
[TH] Nodes for grid, custom styling, and custom icons 1.1.1 Patch Level 1
- Thread starter ThemeHouse
- Start date
Fixed!
Jake B.
Well-known member
That update doesn't, released that to fix some caching issues before you had sent me your add-on, will have a look at it as soon as I can
[xFv]
Well-known member
Not my addon
but glad you guys are looking into it. I think this is the best node icon addon out for XF2, it would be a shame to see it go to waste as your styles and templates take off!
Jake B.
Well-known member
Yes, we split it out into a separate add-on so it can be used on other styles as well. When you purchase UI.X you will automatically get a license for [TH] Nodes with it though
KawaiiHannah
Active member
Go into that node and change the options I have each individual node customized
lostincable
Active member
Is it possible to position / size an image so rather than it stretch the entire node it's just floats right?
Also is there any docs on how to style each of the font colors individually to a custom colour?
You can change only one of the fonts through the options directly.
Also is there any docs on how to style each of the font colors individually to a custom colour?
You can change only one of the fonts through the options directly.
Last edited:
lostincable
Active member
@Mike Creuzer and @Ian Hitt couple of things, if you dont mind....
1) When there is a background image added is there a way to ensure it does not remove the custom block footer image? Or is there a style property somewhere to manage the block footer when an image is added? I can force the image to display with css but can't figure it out via a style property.
2) When there is less or more text on a grid is there a way you can unsure consistent sizing of the footer block image? In this case the description of each one was shorter / longer so it alters the size of the block footer.
Hope I have the terminology right but hopefully the pic explains it.
One final thing, when I restore down the browser window on Chrome and then go back to full width the node grids go from a two layout to a three layout. Is this a known issue?
1) When there is a background image added is there a way to ensure it does not remove the custom block footer image? Or is there a style property somewhere to manage the block footer when an image is added? I can force the image to display with css but can't figure it out via a style property.
Code:
.has-flexbox .thNodes__nodeList .block-container .th_node--hasBackground .block-footer
background: #f9fafa url("http://domain.com/image.jpg");2) When there is less or more text on a grid is there a way you can unsure consistent sizing of the footer block image? In this case the description of each one was shorter / longer so it alters the size of the block footer.
Hope I have the terminology right but hopefully the pic explains it.
One final thing, when I restore down the browser window on Chrome and then go back to full width the node grids go from a two layout to a three layout. Is this a known issue?
Last edited:
Ian Hitt
Well-known member
1. We will add a fix for this so that it will allow you to overwrite with an image.
2. This is a known issue, and I am investigating a fix for this still.
3. This is intentional. You can set the rules for your grid in the admin panel. By default they have a minimum width of (I believe) 250px or so. So it will fit as many as it can, and break the rest to new lines.
Ian Hitt
Well-known member
1. It is really only intended for fully sized background images (it adds overlays to the entire node.) If you wanted to add a background image without having the text color change and the overlay added, then you should do so with custom CSS. If you do want the text color to change and the overlay color added, then you can use custom CSS to re-size/position the background image.
2. Unfortunately you can only set 1 font color. If you would like to be more specific, you should use custom CSS.
lostincable
Active member
Thanks @Ian Hitt with the grid panel resetting to three instead of two.
If the grid is two side by side at full screen and then I minimise it and expand the window size back to the same size the grid changes to three.
Shouldn't it be two as it was originally vs the three?
Also one other thing when you add a background image that has a white background it is adding a grey shadow to the grid is there a way to stop a shadow color from appearing as it overwrites images that have a white background?
Thanks a bunch for the help looking awesome!
Last edited:
Jake B.
Well-known member
This is just because UI.X and [TH] Nodes use a common js file between them to prevent some duplication, there was a minor change made to this file and the file rename was missed, no breaking changes or anything so it's safe to ignore until we get an update out for [TH] Nodes
KSA
Well-known member
So when will this be sorted out?
Apologies for the delay will make sure our team gets an update Monday morning.
