Bootstrap 4

  • Just recently had to contact favthemes support and have them give me custom JS and CSS code to add to sit ein order to work around the outdated bootstrap. Was causing login not to work, and image slider on listing page only work for 1, 2, and last photo. I am curious what the roadmap for upgrading to bootstrap 4 looks like please? Thank you so much for the hard work thus far, keep up the good work!

    Scott

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter massstash

    (@massstash)

    Heads up, anyone using this with Houzez theme, the code I got from favthemes support is this:

    JS
    <script>
    (function () { “use strict”; jQuery.getScript(“/wp-content/plugins/optima-express/js/bootstrap-libs/bootstrap.min.js”);
    }());
    </script>

    CSS
    #ihf-main-container .carousel-control { height: auto !important; background: none !important; border: none !important;
    }
    #ihf-main-container .carousel-caption { background: none !important;
    }
    #ihf-main-container .modal { width: auto !important; margin-left: 0 !important; background-color: transparent !important; border: 0 !important;
    }
    .ihf-results-links > a:nth-child(1) { display: none !important;
    }
    .page-id-0 .title-bar-1 {
    position: inherit !important;
    }
    .page-id-0 .container-contentbar {
    width: 100%;
    }
    .ihf-grid-result.col-xs-4 .title-bar-1 {
    position: absolute !important;
    }

    .idx-btn, #ihf-main-container .btn, #ihf-main-container .gform_button, #ihf-main-container .gform_wrapper .button, .gform_wrapper #ihf-main-container .button, #ihf-main-container .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer #ihf-main-container input[type=submit], #ihf-main-container .gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper .gform_page_footer #ihf-main-container input[type=submit], #ihf-main-container .btn-primary, #ihf-main-container .ihf-map-search-refine-link, #ihf-main-container .ihf-advanced-search-launch, .dsidx-resp-area-submit input[type=’submit’], #ihf-main-container .btn, #ihf-main-container .gform_button, #ihf-main-container .gform_wrapper .button, .gform_wrapper #ihf-main-container .button, #ihf-main-container .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer #ihf-main-container input[type=submit], #ihf-main-container .gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper .gform_page_footer #ihf-main-container input[type=submit], #ihf-main-container .btn-primary, #ihf-main-container .gform_button, #ihf-main-container .gform_wrapper .button, .gform_wrapper #ihf-main-container .button, #ihf-main-container .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer #ihf-main-container input[type=submit], #ihf-main-container .gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper .gform_page_footer #ihf-main-container input[type=submit], #ihf-main-container .ihf-map-search-refine-link, #ihf-main-container .ihf-advanced-search-launch, .dsidx-resp-area-submit input[type=’submit’] {
    padding: 15px 15px !important;
    }
    .fa {
    margin: -50px !important;
    }

    Thread Starter massstash

    (@massstash)

    Ok so after many hours lastnight, my dev and I were able to determine that the above JS code does in fact fix a few important things broken out of the box with this plugin and the HOUZEZ theme from favthemes. The bootstrap incompatibility seems to break the login modal from staying open, the property details page gallery slider from images showing other than img 1, 2, and last. But the CSS above is not good, it causes shifted text and sidebar display improper. Heads up anyone reading this in the future.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bootstrap 4’ is closed to new replies.