We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 11006
    • 2 Posts
    Hi guys,

    I am new to modx and trying to change the grey sidebar in modxhost to show a graphic, I am extremely new to css etc and am struggling.

    Also, is there a good readme anywhere on how to add content such as snippets etc, I have had a read but am a little confused at present.

    Can anyone help me out at all??

    Regards

    Gobby
      • 11006
      • 2 Posts
      Can anyone help???
        • 29076
        • 615 Posts
        I’m not shure at the moment about your graphicsproblem, but to understand MODx, this link should be a good start. Don’t expect to understand everything the first day. But when you do understand, you will have one of the greatest tool out there. wink
          I think, thererfor I am! But what I am, and why...?
          • 33372
          • 1,611 Posts
          If you look at layout.css from the modxhost page, you’ll see that this grey is being created with an image:
          #outer{
             ...
             background:  url(images/inner_776x1.jpg) repeat-y left top;
          }


          That jpg is 776 pixels wide and only one pixel tall and stretched vertically. It includes the off-white left background as well as the grey right sidebar, the line betwen them, and the vertical borders. This is a pretty common trick when creating pure CSS sites, because otherwise it can be difficult to get your various column backgrounds to always stretch to the same height.

          So it depends on what kind of image you want to put in the right sidebar... You can overlay an image on top of this one (or another one with colors of your choosing) if you add it to the right or right-inner or sidebar style. But there are some visual effects that you may not be able to get without changing the overall layout of this template, since all two-column layouts are not created equal.

          I suggest that if you can’t get exactly the effect that you’re looking for by modifying this template that you do a Google search for CSS two-column (and three-column) layout examples. You’ll find tons, some of which may be exactly what you’re looking for. Also check out www.oswd.org and other collaborative web design sites.
            "Things are not what they appear to be; nor are they otherwise." - Buddha

            "Well, gee, Buddha - that wasn't very helpful..." - ZAP

            Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options