Increasing height of module does not push down lower modules

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • David Karol
    Member
    • Jan 2011
    • 72
    • 5.5.x

    Increasing height of module does not push down lower modules

    vBulletin 5.1.10 (also seen in 5.1.8)

    Steps to reproduce:
    - Add 'Featured Topics Module' to single column section on page layout shown in in screenshot (single column, above wide on left / narrow on right)
    - Set module height to 400px
    - Clear cache / refresh page
    - Module size changes takes affect, but content below it does not slide down. Shown in screenshot.

    Has anyone else run into this? Is there a JIRA tracking the issue?

  • glennrocksvb
    Former vBulletin Developer
    • Mar 2011
    • 4011
    • 5.7.X

    #2
    Link to your forum? It's easier to debug on the actual site than a screenshot.

    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

    • David Karol
      Member
      • Jan 2011
      • 72
      • 5.5.x

      #3
      If I pull up Safari Developer tools, manipulating below in css_b_content_slider.css resolves:

      .b-content-slider {
      position: relative;
      top: 0px;
      left: 0px;
      height: 200px !important
      }

      This is stuck at default value of 200px. Changing to 400px makes the page show as expected.

      Glenn, sending PM now with login info for the test server.

      Comment

      • glennrocksvb
        Former vBulletin Developer
        • Mar 2011
        • 4011
        • 5.7.X

        #4
        I confirm this is a content slider bug even in 5.1.9 (at least) because of that "!important" which they actually intended (it has a comment in the template that says "This needs !important so it returns to the correct size after exiting responsive mode (jssor copies the height and applies it directly to the element, which is higher specificity than a class-based rule.)")

        The workaround is to add this in css_additional.css template to override the default.

        Code:
        .b-content-slider {
            height: [B]400px[/B] !important;
        }

        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

        Related Topics

        Collapse

        Working...