Announcement

Collapse
No announcement yet.

How to widen the 30-column in the 70-30 layout

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    #16
    Beautiful solution.

    Comment


      #17
      Hey glennrocksvb thanks for that!

      I have a slight issue - I've expanded my wrapper_max_width from the default 1200 to 1800 to fill up more of the screen.
      After applying your solution here, the 30 column does expand, but the 70 column actually shrinks in width and there is a gap between them. I guess this is related to the change I made to wrapper_max_width and I tried tweaking your css code to try to fix it but to no avail.

      Any clues?
      Many thanks

      Comment


        #18
        I have to see the page to be able to suggest a solution.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #19
          Thanks glennrocksvb, the site at hakafe.net

          It's an RTL forum, you can see that the ratio between the large and small column isn't realy 70/30, more like 80/20 . I'd basically like to have the small (in my case left) column take more space.

          Comment


            #20
            For RTL, just change margin-right to margin-left.

            Another solution is (if you are on self-hosted and not on vBCloud) to change margin-right to margin-{vb:stylevar right}. This is the preferred solution especially if you have multiple languages with LTR and RTL directions. Using stylevar will automatically replace it with left or right depending on the language.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #21
              Used your second solution as I am on a self hosted site, works like a charm!

              Quick follow up - is there a way to set this differently for each forum or is the setting always global for all pages that use the 70/30 layout?

              Comment


                #22
                Yes, when you edit and save the page in Sitebuilder, choose Overwrite Template to No and provide a new template name.
                Helpful? Donate. Thanks!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & IONOS

                Comment


                • watershed
                  watershed commented
                  Editing a comment
                  Ah yes, there is an individual css_additional.css for each style

                #23
                Will this work for the cloud 5.5.5 cloud version?

                Comment


                  #24
                  Que applause for this coding! Bravo.

                  Comment


                    #25
                    Perfect. Thanks.
                    Works in vB 5.6.0.

                    Comment

                    Users Viewing This Page

                    Collapse

                    There is 1 user viewing this forum topic.

                    • Guest Guest

                    Latest Posts

                    Collapse

                    Working...
                    X
                    Searching...Please wait.
                    An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                    Please push the back button and reload the previous window.'
                    An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                    Please push the back button and reload the previous window.'
                    An internal error has occurred and the module cannot be displayed.
                    There are no results that meet this criteria.
                    Search Result for "|||"