I am just testing out the themeroller thus threw in random colors to tryout the appearance. It seems to messy up the structure and now my images are kind of stacked onto one another. I have attached the link codes and images to refer. Please advice what I am doing wrong. Thank you.
<link rel="stylesheet" type="text/css" href="newTheme.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
How it looked prior to using themeroller:
After Using themeroller:
The random set up of the theme roller:
New Code:
<link rel="stylesheet" type="text/css" href="newTheme.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
New image after the change in code: