1. 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 ?

Discussion in 'Styling and Customization Questions' started by NicoMarpaunk, May 16, 2012.

  1. NicoMarpaunk

    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
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit the portal layout:

    Screen shot 2012-05-16 at 4.34.29 AM.png
  3. NicoMarpaunk

    NicoMarpaunk New Member

    how ? the options are Top-left Top-right and Sidebar

    How do i make it like this :

    Sidebar - Top Right - Sidebar

  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Use top left for the left sidebar.
  5. NicoMarpaunk

    NicoMarpaunk New Member

    did not work, i already tried this

  6. Chris D

    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.
  7. NicoMarpaunk

    NicoMarpaunk New Member

    have any suggestion for the css ? the im totally blind about css..

    anyway, ill try with different theme....
  8. Chris D

    Chris D XenForo Developer Staff Member

    Actually, I've just tried this with my test site, and actually a lot of what I just mentioned seems to have been automatic.

  9. Chris D

    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.
  10. NicoMarpaunk

    NicoMarpaunk New Member

    do you know how to make it work for minecraft theme ??

    anyway, this seems to work on the default theme...

  11. Chris D

    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.
  12. NicoMarpaunk

    NicoMarpaunk New Member

    ok, here you go

  13. Chris D

    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:


    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. NicoMarpaunk

    NicoMarpaunk New Member

    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. NicoMarpaunk

    NicoMarpaunk New Member

    EDIT: found it, works like a charm, not perfect yet though

    thanks for the help...

    anyone can help me for the next step ?

Share This Page