Okay
  Public Ticket #1420900
Bootstrap Integration Plugin Help
Closed

Comments

  • Jamie Vance started the conversation

    Hey guys - I've seen others with this issue of a white space on the right side of their site - you recommended a plugin conflict debug - which lead to me finding the culprit: an important plugin we're unfortunately at present reliant upon: "WordPress Twitter Bootstrap CSS".

    Screenshot of bug: https://cl.ly/1p1R1D2i033C

    As such, I know you guys have limited responsibility here but we'd be incredibly grateful if you could help. Since there's no super easy way to integrate all those handy visibility / hidden / column classes from bootstrap - we've designed a lot of the site to rely on this functionality, but as you can see on the following page http://myfancard.wpengine.com/manage-money/ there is a 20 pixel gap on the right of full-page elements.

    I've even tried implementing bootstrap in other ways and every way seems to conflict with VC's classes.

    Is there any spot-fix you can think of to fix that issue? I can't even fully understand what about simply linking to Bootstrap causes VC's browser width calculation to bug out.

  •  9,016
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jamie Vance replied

    Wow - what a simple solution.. not sure why I didn't think of that! I coulda swore it was being calculated by javascript based on browser width or something!

    That worked like a charm. THANK YOU SO MUCH!!!!!!!!!!!!!!!

  •  3,034
    Andrew replied

    Hey there,

    Thanks for reaching in,

    Please be sure to reach in in case you encounter another issue,

    Regards