Jump to content

Featured Replies

Posted

How would I do a content wrapper on v5?

Go to your admincp - customizations - themes and first : Enable theme designer

Now:

Select option on your theme: Theme Designer templates -> Create new template

Put a name for your class example:

content-wrapper

Select option : Hook

image.png

After this you need add the class content on form:

<div class="content-wrapper">
	YOU DOES NOT NEED CLOSE THIS TAG, Because the system will be close this.

Be ready, after this you need make a CSS style for your content.

  • Author

I tried it doesn't seem to work there is no wrapper around the content. What goes in the html?

When you put this <DIV your content class will be this.

Just try, I use this on my website fine.

You can check : https://community.lightningmu.net/

Edited by Marco Junior

  • Author

Not sure your understanding what I want I want a wrapper around the content with a different color.

20 hours ago, Drewfus said:

Not sure your understanding what I want I want a wrapper around the content with a different color.

I understand what you mean, and this is how you can do it.

Just add some custom CSS according to what you want.

Example:

.wrapper-content {
	margin: 0 auto;
	max-width: 1500px;
	background: var(--body-bg-color);  /* Background color */
	position: relative;
	box-shadow: 0px 10px 30px oklch(0.61 0.12 154.68);	/* Color apply for border content with small effect green, because I use green color on my buttons */
}

Basically, you will create content about the main content of your community and then you will define the background color and maximum width.

I used the IPS forum as a base because I think the navigation menu and the way the content was defined are very elegant, so I did something using that base.

Just now, Marco Junior said:

I understand what you mean, and this is how you can do it.

Just add some custom CSS according to what you want.

Example:

.wrapper-content {
	margin: 0 auto;
	max-width: 1500px;
	background: var(--body-bg-color);  /* Background color */
	position: relative;
	box-shadow: 0px 10px 30px oklch(0.61 0.12 154.68);	/* Color apply for border content with small effect green, because I use green color on my buttons */
}

Basically, you will create content about the main content of your community and then you will define the background color and maximum width.

I used the IPS forum as a base because I think the navigation menu and the way the content was defined are very elegant, so I did something using that base.

You can check the final result here: https://community.lightningmu.net/

  • Author

@Marco Junior No that is not it BUT THANKS..

1 hour ago, Drewfus said:

@Marco Junior No that is not it BUT THANKS..

Ok, if you need help I can help you !

Just post here a example that you need.

Recently Browsing 0

  • No registered users viewing this page.