More in this section
Forums / Developing with Sitefinity / Bootstrap Framework

Bootstrap Framework

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Elie
    Elie avatar
    0 posts
    Registered:
    18 Jul 2016
    04 Jan 2017
    Link to this post

    Hi Sitefinity, 

    Our client's site theme utilizes the Bootstrap Framework (Feather).  When overriding many of the bootstrap CSS styles, we noticed that the Sitefinity back end UI also gets overwritten since it uses bootstrap as well.  

    For example: When making all our input text fields uppercase and changing the line height it also changes the all the Sitefinity widget setting input fields. 

    What would be the proper method for handling bootstrap CSS overrides without affecting the back end UI? 

    We are using the latest version of Sitefinity version 9.x

    Thank you,

    Elie

     

     

     

  2. Stacey
    Stacey avatar
    291 posts
    Registered:
    18 Oct 2012
    04 Jan 2017 in reply to Elie
    Link to this post

    When I run into an issue like this I normally will reset the offending property by utilizing a utility class Sitefinity adds into the page editor. ".sfPageEditor"

     

    Like so:

    .site-header {
        position: fixed;
    }
     
    .sfPageEditor .site-header {
        position: relative;
    }
2 posts, 0 answered