Copy link to clipboard
Copied
So, I can't really edit when the square is gray, But I can edit the square is blue or yellow. The question is how can I make the square gray to blue or yellow Sorry but English is not my first language. You can see the screenshot. ASAP please
.
Copy link to clipboard
Copied
Hi @Darren5FA2,
Use Ctrl + Shift + F11 to switch the Document Toolbar from Live to Design view (see screenshot). It may not look pretty but it should be editable. If not, chances are you're working with a Template driven child page in which case you must open the Template.dwt file to edit the menu.
Hope that helps.
Copy link to clipboard
Copied
Sorry to ask again. But, where can I find template.dwt? Because I am a very newbie. The square gray appears after I saved the project or the HTML.
Copy link to clipboard
Copied
You are not working with Templates, hence you will not find template.dwt.
Have you tried selecting the proper element in the DOM panel or in the Staus bar?
Copy link to clipboard
Copied
Yes, and I follow this tutorial https://www.youtube.com/watch?v=v7WBbGMBZlU&t=341s and I can't edit the HTML. If I save my work it will be gray square, not blue or yellow square.
Copy link to clipboard
Copied
Are you sure that there are no coding errors? If you want us to check, please paste the code here.
Copy link to clipboard
Copied
Here the code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Services</a></li>
<li class="nav-item"> <a class="nav-link" href="#">Gallery</a></li>
<li class="nav-item"> <a class="nav-link" href="#">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
<!-- body code goes here -->
<!-- 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>
</body>
</html>
Copy link to clipboard
Copied
Sorry to ask again. But, where can I find template.dwt? Because I am a very newbie. The square gray appears after I saved the project or the HTML.
By @Darren5FA2
are you still looking for the template.dwt ?
if so, check on the file panel (F8 or Windows > File Panel), then from there you should see (in the local files) a Template folder which contains all the .dwt.
CAUTION: This folder musn't be rename nor nested anywhere else... its name is Template and its location is at root folder