A few years ago I put some styling inside <style> tags in my html document to test some things and they wound up staying there without getting transferred to the .css document. Now I'm trying to edit them or remove them but they're grayed out. They are overriding anything I put in the .css file. So I'm stuck! The document uses a template and I have very little experience with DW templates and uneditable areas, but the styling does not appear to me to be inside an uneditable area.
1- How to make these areas editable?
2- If that can't be done, how to fix the problem another way?
The code is below. Thanks!!
-------------------------------------------------
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en"><!-- InstanceBegin template="/Templates/Template - Index Page.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="copyright" content="The copyright for all content at this site is owned by Third Day Media, LLC. All rights reserved.">
<link rel="icon" href="images/favicon.ico">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Page Title</title>
<!-- InstanceEndEditable -->
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<!-- Core Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Bootstrap Sticky Footer -->
<link href="css/sticky-footer.css" rel="stylesheet">
<link href="css/customized.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
/* CSS USED TO STYLE THE 2 COL CONTAINER */
* {
box-sizing: border-box;
}
.block-wrapper {
display: table;
width: 90%;
margin: 0 auto;
/* [disabled]background-color: #FFC; */
height: auto;
}
/* .left, .right {
display: table-cell;
vertical-align: middle;
width: 50%;
} */
.left {
/*border-right: #ccc; */
display: table-cell;
vertical-align: middle;
width: 50%;
}
.right {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.text-block {
float: right;
width: 80%;
text-align: center;
}
.text-block p {
font-size: 1.2em;
line-height: 1.4em;
color: #fff;
}
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
1 Correct answer
10
Replies
Thanks again for your help!
AdChoices