This may be simple for you but...
-
-
- moaa
- Jr. Rocketeer
- Posts: 32
- Thanks: 0
-
Hi there,
I am trying to custom style the showcase position for Afterburner Template. I have uploaded 958x299 image and I want to move text list from the bottom to left side of the image using CSS. The code I added to the custom module is pasted below. when you go to www.gaarahost.com you will see the text is moved below the showcase box. I want the text to fit on left with 10px padding within the green image. similar to this page: www.ipage.com . Thank you for help. I am new to CSS so please help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<STYLE type="text/css">
#showcase {width: 962; height:300;
text-position:left top;
margin-right:0;
padding:0;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
border:#333
}
</style>
</head>
<body>
<div id ="showcase">
<img src="images/stories/gh_images/showcase_bg.png" align="center" width="958" height="299" />
<ul class ="list float:left; margin: 20; padding: 100">
<li style = "font-weight: bold">UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li>
<li>UNLIMITED Disk Space</li></ul>
</div>
</body>
</html>
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
- I checked your site, but I can't find the code you mentioned. Could you please attach a screenshot with annotation to explain better which part in your site you want to customize?
-
Time to create page: 0.049 seconds