• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

[Need Help ASAP] How do i make the sidebar like this on Xenporta ?

#1
Hello, currently on my xenporta layout there are

Left, right, and sidebar on the layout.

How do i make so it can have 2 sidebars like this website --> imdeity.com

Any help will be appreciated, thanks
 

Chris D

XenForo developer
Staff member
#6
It looks like that page is using some custom CSS.

There's a couple of classes applied that make it behave differently to the default layout.

For example, the sidebar topLeftBlocks class has a float: left assigned to it and the main central content div has margin-left: 250px!important; assigned to it so they don't overlap each other.

It's not an out of the box feature, but basically with a bit of work on the CSS it will be more than possible.
 
#7
It looks like that page is using some custom CSS.

There's a couple of classes applied that make it behave differently to the default layout.

For example, the sidebar topLeftBlocks class has a float: left assigned to it and the main content template has margin-left: 250px!important; assigned to it so they don't overlap each other.

It's not an out of the box feature, but basically with a bit of work on the CSS it will be more than possible.
have any suggestion for the css ? the im totally blind about css..

anyway, ill try with different theme....
 

Chris D

XenForo developer
Staff member
#9
So basically, it looks like you're going to have to have some work done on that style to make it compatible with what you want to achieve.
 

Chris D

XenForo developer
Staff member
#11
If you re-enable your Minecraft theme on your site, I will see if I can direct you to the changes you need to make.


And add a block into the top left as well.
 

Chris D

XenForo developer
Staff member
#13
This is actually really easy!

There's a few things to fix, but there's no major CSS changes to make:

http://dev.valvetime.net/

1) Admin CP > XenPorta Options > Select "Break out of Content Container"
2) Admin CP > Search for pageWidth Style Property
3) Set left margin to 20px, Set right margin to 20px
4) Set Width to Auto

Looks ok, but there's a little bit of work to do to get it looking perfect, but hopefully this is useful enough to get you started :)
 
#14
This is actually really easy!

There's a few things to fix, but there's no major CSS changes to make:

http://dev.valvetime.net/

1) Admin CP > XenPorta Options > Select "Break out of Content Container"
2) Admin CP > Search for pageWidth Style Property
3) Set left margin to 20px, Set right margin to 20px
4) Set Width to Auto

Looks ok, but there's a little bit of work to do to get it looking perfect, but hopefully this is useful enough to get you started :)
where do i find the pagewidth style property ? i can't seem to find it, sorry lots of questions im a newb at editing templates xD
 
#15
This is actually really easy!

There's a few things to fix, but there's no major CSS changes to make:

http://dev.valvetime.net/

1) Admin CP > XenPorta Options > Select "Break out of Content Container"
2) Admin CP > Search for pageWidth Style Property
3) Set left margin to 20px, Set right margin to 20px
4) Set Width to Auto

Looks ok, but there's a little bit of work to do to get it looking perfect, but hopefully this is useful enough to get you started :)
EDIT: found it, works like a charm, not perfect yet though

thanks for the help...

anyone can help me for the next step ?