Highlighted

Grayed out elements in Live View

New Here ,
Sep 03, 2020

Copy link to clipboard

Copied

Hi,

 

All the elements are grayed out.       Screen Shot 2020-09-03 at 3.51.25 PM.png

 

look at  a .nav-link.  how do I put it back to blue so I can add classes?

 

Thanks

Views

99

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Grayed out elements in Live View

New Here ,
Sep 03, 2020

Copy link to clipboard

Copied

Hi,

 

All the elements are grayed out.       Screen Shot 2020-09-03 at 3.51.25 PM.png

 

look at  a .nav-link.  how do I put it back to blue so I can add classes?

 

Thanks

Views

100

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 03, 2020 0
Adobe Community Professional ,
Sep 03, 2020

Copy link to clipboard

Copied

Screenshots don't tell us anything.  Show us your code please.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 03, 2020 0
New Here ,
Sep 03, 2020

Copy link to clipboard

Copied

Here is the code.  But what does it have to do with the ability to use Live view in DW?  I just want to be able to use Live view...

 

 

 

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1 viewport-fit=cover">
<title>Les Aventuriers Jé &amp; Lou</title>
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet" type="text/css">

</head>
<body data-spy="scroll" data-target="#navbarResponsive">

<!-- top menu section -->
<div id="home">


<nav class="navbar navbar-expand-md fixed-top bg-dark text-uppercase font-blu font-weight-bold">
<a href="#" class="navbar-brand"><img src="images/id_AVJLKW.png" alt="Logo Jé Lou"/></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="custom-toggler-icon"><i class="fas fa-bars"></i></span>
</button>

<div class="collapse navbar-collapse" id="navbarResponsive">


<ul class="navbar-nav x-auto">
<li class="nav-item">
<a href="#bienvenue" class="nav-link" style="color: yellow"><i class="fas fa-home"></i></a>
</li>
<li class="nav-item">
<a href="#aventuriers" class="nav-link">Les aventuriers<br>Jé &amp; Lou</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Jeux</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Près de <i class="fas fa-map-marker-alt" style="color: yellow"></i><br>chez toi </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">concours</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">à voir</a>
</li>
</ul>


<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#" class="nav-link">Connexion <br>passeport</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- End Top Menu -->

<!-- Bienvenue section-->
<div id="bienvenue" >
<div class="container">
<div class="landing">
<div class="home-wrap">
<div class="home-inner"></div>
</div>
</div> <!-- fin Landing -->
<!-- Contenu de la page Bienvenue -->

<div class="position-absolute text-left caption">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<h1 class="display-1 font-weight-bold pb-3 pb-md-4">bienvenue</h1>
<div class="btn1-pos">
<a href="#aventuriers" class="btn btn-outline-light text-uppercase rounded-0 p3 border-0"><i class="fas fa-arrow-down"></i><br>c'est par ici, bonne visite!</a>
</div>
</div><!-- end col-6-->
<div class="col-md-3"></div>
</div>
</div> <!-- fin Contenu de la page Bienvenue -->
</div>

</div>
<!-- fin Bienvenue section-->

<!-- Début Aventuriers -->
<div id="aventuriers">
<div class="container text-left">
<div class="aventuriers-section">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-3">
<h1 class="font-weight-bold"><span class="display-4">pars à la rencontre de</span><span class="display-2">nos aventuriers</span></h1>
</div>
<div class="col-md-3"></div>
<div class="col-md-3"></div>
</div>
</div>
</div>
</div> <!-- Fin Aventiruers -->















<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
<!-- Font Awesome logos -->
<script src="https://kit.fontawesome.com/e0a86ff727.js" crossorigin="anonymous"></script>
<script src="js/plugins.js"></script>
</body>
</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 03, 2020 0
New Here ,
Sep 04, 2020

Copy link to clipboard

Copied

3rd time I post this answer...  downs' seem to go through

My problem is with DW, not the code.  I just want to use Live View in DW

 

 

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1 viewport-fit=cover">
<title>Les Aventuriers Jé &amp; Lou</title>
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet" type="text/css">

</head>
<body data-spy="scroll" data-target="#navbarResponsive">

<!-- top menu section -->
<div id="home">


<nav class="navbar navbar-expand-md fixed-top bg-dark text-uppercase font-blu font-weight-bold">
<div class="container">
<div class="row">
<div class="col-12">
<a href="#" class="navbar-brand"><img src="images/id_AVJLKW.png" alt="Logo Jé Lou"/></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="custom-toggler-icon"><i class="fas fa-bars"></i></span>
</button>

<div class="collapse navbar-collapse" id="navbarResponsive">


<ul class="navbar-nav x-auto">
<li class="nav-item">
<a href="#bienvenue" class="nav-link" style="color: yellow"><i class="fas fa-home"></i></a>
</li>
<li class="nav-item">
<a href="#aventuriers" class="nav-link">Les aventuriers<br>Jé &amp; Lou</a>
</li>
<li class="nav-item">
<a href="#jeux" class="nav-link">Jeux</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Près de <i class="fas fa-map-marker-alt" style="color: yellow"></i><br>chez toi </a>
</li>
<li class="nav-item">
<a href="#concours" class="nav-link">concours</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">à voir</a>
</li>
</ul>


<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#" class="nav-link">Connexion <br>passeport</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>

</div>
<!-- End Top Menu -->

<!-- Bienvenue section-->
<div id="bienvenue" >
<div class="container">
<div class="landing">
<div class="home-wrap">
<div class="home-inner"></div>
</div>
</div> <!-- fin Landing -->
<!-- Contenu de la page Bienvenue -->

<div class="position-absolute text-left caption">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<h1 class="display-1 font-weight-bold pb-3 pb-md-4">bienvenue</h1>
<div class="btn1-pos">
<a href="#aventuriers" class="btn btn-outline-light text-uppercase rounded-0 p3 border-0"><i class="fas fa-arrow-down"></i><br>c'est par ici, bonne visite!</a>
</div>
</div><!-- end col-6-->
<div class="col-md-3"></div>
</div>
</div> <!-- fin Contenu de la page Bienvenue -->
</div>

</div>
<!-- fin Bienvenue section-->

<!-- Début Aventuriers -->
<div id="aventuriers" class="offset">
<div class="container text-left">
<div class="aventuriers-section">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-3">
<h1 class="font-weight-bold pt-5"><span class="display-4">pars à la rencontre de <br></span><span class="display-2">nos aven <br>tu <br>riers</span></h1>
</div>
<div class="col-md-3">
<img src="images/bck_Aventurier.png" width="128" height="128" alt="" class="aventurier-pos"/>
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
</div> <!-- Fin Aventiruers -->

<!-- Deviens Membre -->
<div id="membre" class="offset">
<div class="container">
<div class="membre-section">
<div class="row pt-5">
<div class="col-md-3"></div>
<div class="col-md-3"><img src="images/bck_Aventurier.png" alt="" class="membre-img-pos"/></div>
<div class="col-md-3">
<h1 class="font-blu">Deviens <br>membre</h1>
<h4 class="font-prpl">inscris-toi</h4>
<h1 class="font-blu">c'est gratuit</h1>
<p class="font-prpl">et reçois un kit cadeau &amp; jeu</p>
<p class="font-prpl">directement chez toi <span class="font-blu">*</span></p>




</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
</div>
<!-- Fin deviens Membre -->

<!-- Début Concours -->
<div id="concours" class="offset">
<div class="container">
<div class="concours-section font-orng">
<div class="row pt-5">
<div class="col-md-3"></div>
<div class="col-md-3">
<h1 class="">Concours</h1>
<h1 class="">Inscris ton école</h1>
<h2 class="font-vrt-pl">ou placer une</h2>
<h1>Réservation</h1>
</div>
<div class="col-md-3">
<img src="images/bck_Aventurier.png" width="320" height="320" alt="" class=""/>
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
</div>
<!-- Fin Concours -->

<!--début JEUX -->
<div id="jeux" class="offset">
<div class="container">
<div class="jeux-section">
<div class="row pt-5">
<div class="col-md-3"></div>
<div class="col-md-3">
<h1 class="font-vrt-pl">amuse-toi</h1>
<p class="font-prpl">Avec de nouveaux jeux</p>
<p class="font-prpl">pour défier tes amis!</p>

</div>
<div class="col-md-3"></div>
<div class="col-md-3"></div>
</div>
</div>
</div>
</div>
<!-- Fin Jeux -->













<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
<!-- Font Awesome logos -->
<script src="https://kit.fontawesome.com/e0a86ff727.js" crossorigin="anonymous"></script>
<script src="js/plugins.js"></script>
</body>
</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 04, 2020 0
Adobe Community Professional ,
Sep 04, 2020

Copy link to clipboard

Copied

Are you working within a Child page of a .DWT Template?

Gray boxes, like the one you show, will appear when you select an area of a Child page that is not within an Editable Region of its parent .DWT Template file. 

If that's the case, simply change the class in the .DWT Template and propagate it to the child pages.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 04, 2020 1
New Here ,
Sep 04, 2020

Copy link to clipboard

Copied

No, just a plain index.html page.  

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 04, 2020 0
Adobe Community Professional ,
Sep 04, 2020

Copy link to clipboard

Copied

Post back when you upload your work to a remote server so we can see it. 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 04, 2020 0
New Here ,
Sep 04, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 04, 2020 0
Adobe Community Professional ,
Sep 05, 2020

Copy link to clipboard

Copied

I can't re-produce it.  It looks fine to me.

 

image.png

Save your documents and close your files.

Shut down all apps.

Restart your computer.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 05, 2020 0
New Here ,
Sep 05, 2020

Copy link to clipboard

Copied

Ok, thanks for trying

 

It's strange, must be a preference in DW?

 

I did restart everything, still doing it

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 05, 2020 0
Adobe Community Professional ,
Sep 05, 2020

Copy link to clipboard

Copied

Try Restore Preferences

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 05, 2020 0
New Here ,
Sep 05, 2020

Copy link to clipboard

Copied

This!

 

It fixed it.  Thanks a lot for your help

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 05, 2020 0