Hi-
So after upgrading to 1.7 the Styles panel is not functioning.
I do have an additional css included but I cannot access it.
Options > Systems > Experimental is toggled on. Options > CSS are all on with browsers 2 versions on.
The styles label is blue but the search, toggle overloaded, insert new rule and attach stylesheet are gray.
Please advise.
Thanks,
Howard
<!doctype html>
<html><head>
<title>The Tanner Cast & Crew</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="[https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css](https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css)" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="[https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css](https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css)" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Custom CSS styles-->
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>
<script type="text/javascript" src="[https://code.jquery.com/jquery-3.3.1.slim.min.js](https://code.jquery.com/jquery-3.3.1.slim.min.js)" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
</head>
<body is="dmx-app" id="cc">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand mr-auto" href="#">
<img height="30" alt="">the tanner
</a>
</nav>
<header>
<h1 class="text-center pb-5"><small class="text-muted">The Tanner Talent</small></h1>
</header>
<div class="card-deck">
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Amber Dawn Lee as Amber</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">
<i class="fab fa-instagram"></i>
Go somewhere</a>
</div>
</div>
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Joanna Vanderham as Caitlin</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">
<i class="fab fa-instagram"></i>
Go somewhere</a>
</div>
</div>
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Sara Murphy as Becky</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">Go somewhere</a>
</div>
</div>
</div>
<div class="row" style="padding: 10px;"></div>
<div class="card-deck">
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Shellie Sterling as Charlotte</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">Go somewhere</a>
</div>
</div>
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Joe Chambrello as Jamie</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">Go somewhere</a>
</div>
</div>
<div class="card">
<img class="card-img-top" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Zoe Sloane as Babe</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="">Go somewhere</a>
</div>
</div>
</div>
</div>
from demo:
<section class="bg-white">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h3 class="section-title">Contact Form</h3>
</div>
</div>
<div class="row">
<div class="col-10 col-sm-10 col-md-8 col-lg-6 ml-auto mr-auto">
<form>
<div class="form-group">
<label for="fname">Name:</label>
<input type="text" class="form-control form-control-lg" id="fname">
</div>
<div class="form-group">
<label for="email">Email address:</label>
<input type="text" class="form-control form-control-lg" id="email">
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea rows="5" class="form-control form-control-lg" id="message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</section>
<footer id="page-footer" class="bg-light">
<div class="container">
<span class="text-muted">Copyright Your Name</span>
</div>
</footer>
<script type="text/javascript" src="[https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js)" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script type="text/javascript" src="[https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js](https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js)" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body></html>
Community Page
Last updated:
Last updated: