+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Bootstrap Framework

Bootstrap Framework

2 posts, 0 answered
  1. Elie
    Elie avatar
    0 posts
    Registered:
    18 Jul 2016
    04 Jan
    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 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