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

NicoMarpaunk

New member
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
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.
 

NicoMarpaunk

New member
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
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
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
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 :)
 

NicoMarpaunk

New member
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
 

NicoMarpaunk

New member
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 ?
 
Top