Forum Border Line

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Mobeen Janjua
    Member
    • Nov 2010
    • 64
    • 5.3.x

    Forum Border Line

    Hi,

    Anyone can guide me that how I can make a border line starting from top header to bottom copyright area on both sides. I mean line on both left side and right side.

    Thanks,
    MOBEEN JANJUA | Janjua's Online Urdu Community
    the EYES of TRUTH are always WATCHING YOU...
  • glennrocksvb
    Former vBulletin Developer
    • Mar 2011
    • 4011
    • 5.7.X

    #2
    Can you post a screenshot and show it exactly where and how it should look like?

    Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

    Comment

    • Mark.B
      vBulletin Support
      • Feb 2004
      • 24286
      • 6.0.X

      #3
      I reckon it could be this. Add it to custom css.
      Code:
      #outer-wrapper {
          border-left: 2px solid black;
          border-right: 2px solid black;
      }
      Obviously play around with the colours, widths etc.

      May have to watch out for how it behaves on mobile screens though.
      MARK.B
      vBulletin Support
      ------------
      My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
      My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

      Comment

      • Mobeen Janjua
        Member
        • Nov 2010
        • 64
        • 5.3.x

        #4
        HI Mark.B, Thanks for your kind support.

        The border is ok but very away from header area and other below area.

        Kindly have a look on attached image you will learn that what is my requirement.

        MOBEEN JANJUA | Janjua's Online Urdu Community
        the EYES of TRUTH are always WATCHING YOU...

        Comment

        • Wayne Luke
          vBulletin Technical Support Lead
          • Aug 2000
          • 73981

          #5
          Apply them to the .content class.

          The easiest way to see the CSS classes that affect different elements is to use a modern browser like Google Chrome and Mozilla Firefox. You can right-click on any element and choose "Inspect Element" from the context menu. This will show you the HTML Code, show the CSS that effects that line of code, allow you to apply custom CSS right in the browser and more.
          Translations provided by Google.

          Wayne Luke
          The Rabid Badger - a vBulletin Cloud demonstration site.
          vBulletin 5 API

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...