Forum Replies Created

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

    (@petersalazar)

    Hi Paul,

    Thanks. Here’s the link:
    http://www.martinekalaw.com/twitter-bootstrap-modals/#

    I added this Custom CSS

    a.btn {
        color: white;
    }

    …but it had no effect.

    Here’s my HTML:

    <h2>Static example</h2>
              <p>Below is a statically rendered modal.</p>
              <div class="well modal-example" style="background-color: #888; border: none;">
                <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1; max-width: 100%;">
                  <div class="modal-header">
                    <button class="close" data-dismiss="modal">&times;</button>
                    <h3>Modal header</h3>
                  </div>
                  <div class="modal-body">
                    <p>One fine body…</p>
                  </div>
                  <div class="modal-footer">
                    <a href="#" class="btn">Close</a>
                    <a href="#" class="btn btn-primary">Save changes</a>
                  </div>
                </div>
              </div> <!-- /well -->
    
              <h2>Live demo</h2>
              <p>Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.</p>
              <!-- sample modal content -->
              <div id="myModal" class="modal hide fade">
                <div class="modal-header">
                  <button class="close" data-dismiss="modal">&times;</button>
                  <h3>Modal Heading</h3>
                </div>
                <div class="modal-body">
                  <h4>Text in a modal</h4>
                  <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
    
                </div>
                <div class="modal-footer">
                  <a href="#" class="btn" data-dismiss="modal" >Close</a>
                  <a href="#" class="btn btn-primary">Save changes</a>
                </div>
              </div>
              <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>

    Also, some of the buttons are white buttons, so making all the buttons white – even if it worked – probably wouldn’t solve the problem.

    Thanks again!

    Peter

    Thread Starter petersalazar

    (@petersalazar)

    Or this button:

    <A data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch Modal Demo</a>
Viewing 2 replies - 1 through 2 (of 2 total)