Hi, I would like to replace the promo picture with custom html but when I entered the following, all I get is the code itself and not the result expected.... Appreciate if someone can advise on this?
<style><!--
/* Fix up IE6 PNG Support */
.block {
background-color:#ffffff;
margin-bottom:20px;
position:relative;
}
.block_inside {
display:block;
border:1px solid #ffffff;
background: #ffffff url(/ds04/administration/media/images/top.png) no-repeat;
padding:30px;
overflow:hidden;
height:188px;
}
.text_block {
float:left;
width:430px;
}
h2 {
margin:0px 0px 30px 0px;
font-size:36px;
color:#fff;
}
p {
margin: -20px 0 15px;
color:#fff;
}
a.button {
background: url(/ds04/administration/media/images/btn_take.png) no-repeat;
padding:12px 64px;
color: #ffffff;
text-decoration: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
line-height:25px;
}
a.button2 {
background: url(/ds04/administration/media/images/btn_search.png) no-repeat;
padding:10px 99px;
color: #ffffff;
text-decoration: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
line-height:25px;
}
a.button:hover {
}
a.button2:hover {
}
#block_item {
overflow:auto;
margin-bottom:20px;
}
#item {
width:465px;
margin-right:25px;
float:left;
padding-top:3px;
}
#item2 {
width:460px;
float:left;
padding-top:3px;
}
.block_img {
margin-bottom:10px;
position:relative;
}
.block_img2 {
margin-bottom:10px;
position:relative;
}
.block_img .block_inside {
background:url(/ds04/administration/media/images/left.png) no-repeat;
padding:25px 30px 15px;
}
.block_img2 .block_inside2 {
background:url(/ds04/administration/media/images/right.png) no-repeat;
padding:25px 30px 15px;
height:190px;
}
.block_inside2 p {
margin-top:-20px;
width:300px;
}
--></style>
<div class="block" id="block_featured">
<div class="block_inside">
<div class="text_block">
<h2>Investor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis imperdiet feugiat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam eget arcu leo.</p>
<br /> <a class="button" href="#"></a></div>
</div>
</div>
<div id="block_item">
<div id="item">
<div class="block_img">
<div class="block_inside">
<h2>Entrepreneurs</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis imperdiet feugiat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam eget arcu leo.</p>
<a class="button2" href="#"></a></div>
</div>
</div>
<div id="item2">
<div class="block_img2">
<div class="block_inside2">
<h2>Privacy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis imperdiet feugiat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam eget arcu leo.</p>
</div>
</div>
</div>
</div>
