Title: Bootstrap 4
Last modified: July 27, 2019

---

# Bootstrap 4

 *  [massstash](https://wordpress.org/support/users/massstash/)
 * (@massstash)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/bootstrap-4-8/)
 * 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](https://wordpress.org/support/users/massstash/)
 * (@massstash)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/bootstrap-4-8/#post-11779143)
 * 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](https://wordpress.org/support/users/massstash/)
 * (@massstash)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/bootstrap-4-8/#post-11787423)
 * 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.

 * ![](https://ps.w.org/optima-express/assets/icon-256x256.png?rev=2288316)
 * [Optima Express IDX](https://wordpress.org/plugins/optima-express/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/optima-express/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/optima-express/)
 * [Active Topics](https://wordpress.org/support/plugin/optima-express/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/optima-express/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/optima-express/reviews/)

 * 2 replies
 * 1 participant
 * Last reply from: [massstash](https://wordpress.org/support/users/massstash/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/bootstrap-4-8/#post-11787423)
 * Status: not resolved