Grid layout

[Kaj]

Hey, how exactly do I make a border for the text in my grid layouts? The backgrounds make it hard to read the text and was wondering if there's a good fix for this.

 

[i0n]

Hey, how exactly do I make a border for the text in my grid layouts? The backgrounds make it hard to read the text and was wondering if there's a good fix for this.

I have the same problem, maybe the solution is make a background text

 

[Kaj]

I have the same problem, maybe the solution is make a background text

Background text didn't do much for me. I just need borders on the text, then it will actually look nice, otherwise I'm considering more smaller button kinda nodes.

 

[Ehren]

Hello,

If you can post a URL to your site, I'll experiment with your images to see if I can come up with a solution.

 

[Kaj]

I have the same problem, maybe the solution is make a background text

Throw this bad boy in extra.less :

.node
{
text-shadow: 1px 1px black;
}

You're welcome

 

[Silmarillion]

Throw this bad boy in extra.less :

.node
{
text-shadow: 1px 1px black;
}

You're welcome

Unfortunately in my case this doesn't have the desired effect.

How can I improve and enhance this? A different font color?

 

[Ehren]

Do you have a live URL we can check?

 

[Silmarillion]

Hi Ehren,

I haven't made the style publicly available for selection yet because it still needs some fine-tuning, as asked for in this thread.

There is no other option? Unless I provide you with a user account with appropriate rights.

 

[dandalow]

If you'd like to display your forums in a grid layout, browse to Style Properties > Xenfocus: Grid layout and enable Grid view.

A toggle will appear in the front-end Theme Editor, allowing your members to switch back to a table layout if they wish (assuming you've given them permission under Xenfocus: Theme Editor).

If you've enabled Wallpaper design, each grid item can be assigned a background image or hex color. The hex color can be defined by the two color settings under the Wallpaper design setting. To assign an image, first find out the id of your node. To do this, simply visit your index page and hover over the forum title. The link (which generally appears at the bottom of your browser) will show you the id at the very end. This example uses 2.

View attachment 716

Next, create your image, name it 2.jpg, and upload it to /styles/xenfocus/images/node-wallpapers/
Finally, enter 2 in the Wallpaper images field. If you need to apply images to multiple forums, repeat this process for each image, and separate the id's with a comma in the Wallpaper images field, like so:

2,8,17

Hello, I followed all the steps here, but I encountered an issue. When I try to enter node IDs separated by commas (e.g., 5,6 in my case), only the image for ID 6 appears, and when I remove the number 6, only the image for ID 5 appears, or vice versa. I'm not sure if that makes sense. Thank you , im using illuminate (dark)


Edit : resolved and works fine with this solution ( https://xenfocus.com/community/threads/adding-background-images-to-grid-view.36916/ )
Attach files