ลองดูที่ stylesheet นะครับ ดูว่า img กำหนด class ไว้ยังไงบ้าง
ถ้าจะให้ดีต้องลองเอา theme มาลองไล่ดูครับ
/*
Theme Name:Xanadu
Theme URL:
http://www.web2feel.com/xanadu/ 
Description: Free WordPress theme released by web2feel.com
Author: Jinsona
Author URI:
www.web2feel.com Version: 1.0.0
Tags: black, white, left-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense,fab themes.
*/
*{
margin: 0px;
padding: 0px;
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
font-family:Arial,Tahoma,Century gothic, sans-serif;
color:#161514;
font-size:13px;
background:url(images/body.png);
}
img {
border:0;
margin: 0 0;
}
a {
color:#28BABD;
text-decoration:none;
outline:none;
}
a:hover {
color:#000;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding:10px 10px 10px 10px;
color:#59666f;
font-style: italic;
font-family:Georgia;
}
.clear {
clear:both;
}
table{
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0 10px;
border:1px solid #fff;
}
table td, table th{
text-align:left;
padding: .4em .8em;
border:1px solid #fff;
}
table th{
background:#ddd ;
color: #999;
text-transform: uppercase;
font-weight: normal;
border:1px solid #fff;
}
table td{
border:1px solid #fff;
background: #eee;
color:#555;
}
table tr.even td{
background: #eee;
border:none;
}
table tr:hover td{
background: #FFF9DF;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding: 0px;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#eee;
}
img.alignright {
padding: 5px 5px;
margin: 5px 0px 10px 10px;
display: inline;
background:#eee;
}
img.alignleft {
padding: 5px 5px;
margin: 10px 15px 10px 0px;
display: inline;
background:#eee;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0px;
}
.wp-caption {
text-align: center;
background:#eee;
padding: 4px 0px 5px 0px;
margin: 10px 10px ;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
color:#444;
}
.rounded{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.boxshadow{
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeagueGothicRegular';
src: url('fonts/League_Gothic-webfont.eot');
src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/League_Gothic-webfont.woff') format('woff'),
url('fonts/League_Gothic-webfont.ttf') format('truetype'),
url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* The Outer cover */
#wrapper {
margin:0px auto;
position:relative;
}
#casing {
padding:0px 0px 10px 0px;
width:1000px;
background:url(images/casing.png) repeat-y;
}
/* The Header */
#masthead{
background:url(images/masthead.png) repeat-x;
height:147px;
}
.topbar{
height:47px;
}
.feedlist{
height:47px;
background:transparent;
margin:0px 0px 0px 20px;
float:left;
line-height:47px;
}
.feedlist ul {
list-style:none;
}
.feedlist ul li{
float:left;
margin:0px 10px 0px 0px;
}
.feedlist ul li img{
float:left;
margin:12px 5px 0px 0px;
}
.feedlist ul li a:link, .feedlist ul li a:visited{
color:#888;
}
.feedlist ul li a:hover{
color:#ddd;
}
#top {
height:100px;
margin:0px 0px ;
position:relative;
background:url(images/top.png) no-repeat;
}
#blogname {
width:500px;
height:100px;
margin:0 auto;
float:left;
}
h1.logo{
font-size:12px;
padding-top:30px;
width:300px;
float:left;
}
h1.logo a:link, h1.logo a:visited{
color:#ddd;
margin-left:60px;
}
h1.logo a:hover{
color:#fff;
}
.top-right{
float:right;
width:350px;
}
/* The Search */
#search {
width:280px;
padding:10px 10px ;
margin:0px 0px 10px 0px;
display:inline-block;
float:right;
background:url(images/search.png);
border-bottom:1px solid #fff;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:200px;
background:#F7F7F7;
margin:0px 0px 0px 0px;
padding: 5px 5px;
height:20px;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#595647;
float:left;
display:inline;
}
#searchsubmit{
background:#222;
border:none;
color:#fff;
display:block;
margin:1px 2px 0px 0px;
padding:5px 5px;
float:right;
cursor:pointer;
border:1px solid #000;
}
#searchpage{
background:#fff;
border:1px solid #ccc;
margin:0px 10px 0px 10px;
}
#sform{
width:450px;
border:none;
padding:6px 5px;
}
#formsubmit{
float:right;
background:url(images/sfrm.png) repeat-x;
border-left:1px solid #ccc!important;
border:none;
padding:5px 5px;
}
.scover{
}
.sbox{
padding:10px 0px;
padding:10px 0px;
}
.sbox p{
padding:5px 0px;
color:#777!important;
}
.shead{
margin:0px 10px 25px 10px;
}
.shead p{
margin-left:10px;
margin-bottom:10px;
color:#3E91CE;
}
h2.stitle{
font-weight:normal;
padding:0px 10px;
}
h2.stitle a{
color:#6D6750;
}
.searchmeta{
margin-top:5px;
color:#A33939;
}
.searchmeta a{
color:#3E91CE;
}
/*Page menu*/
#botmenu{
height:100px;
margin:0px 0px 0px 0px;
font-size: 16px;
font-family:Arial, verdana,Tahoma,Century gothic, sans-serif;
float:left;
font-family:BebasNeueRegular;
overflow:hidden;
}
#submenu {
margin: 0px auto;
width:680px;
padding:0px 0px;
}
#submenu ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0 0px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #fff;
text-shadow:1px 1px 0px #386003;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 40px 10px 40px 10px;
text-decoration: none;
position: relative;
text-shadow:1px 1px 0px #386003;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
color: #fff;
text-shadow:1px 1px 0px #000;
background:url(images/menua.png) repeat-x;
}
#submenu li a.sf-with-ul {
padding-right: 20px;
}
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
color: #555;
font-size:12px;
text-shadow:none;
width: 148px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 0px 10px;
line-height:35px;
border-bottom:1px solid #fff;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #fff;
text-transform: none;
position: relative;
background:#F7F7F7;
}
#submenu ul ul li:first-child{
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
background:#FcFcFc;
color: #333;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 5px 0px;
padding: 5px 5px;
background:#414141;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
margin: -41px 0 0 179px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
/* Main Content*/
#content {
float:right;
width: 700px;
height:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
overflow:hidden;
}
/* POST */
.post {
margin: 20px 0px 30px 0px;
height:100%;
color:#555;
width:700px;
}
.leftcover{
width:100px;
background:url(images/line.png) bottom no-repeat;
padding:2px 0px;
float:left;
position:relative;
}
span.arrow{
width:10px;
height:20px;
background:url(images/arrow.png);
position:absolute;
right:0px;
top:30px;
}
.datebox{
background:url(images/line.png) top no-repeat;
padding:10px 0px;
}
.date{
font-size:32px;
width:100px;
color:#fff;
display:block;
font-family:BebasNeueRegular;
text-align:center;
}
.month{
font-size:12px;
color:#eee;
text-shadow:1px 1px 0px #111;
display:block;
text-align:center;
}
.lavatar{
width:100px;
background:url(images/line.png) top no-repeat;
padding:15px 0px 5px 0px;
}
.lavatar img{
border:5px solid #111!important;
margin-left:16px;
margin-bottom:5px;
}
span.author{
text-align:center;
display:block;
padding:5px 0px;
color:#eee;
text-shadow:1px 1px 0px #111;
}
span.author a:link,span.author a:visited {
color:#fff;
}
.combox{
width:100px;
background:url(images/line.png) top no-repeat;
padding:10px 0px 10px 0px;
}
.coms{
font-size:36px;
width:100px;
color:#fff;
display:block;
font-family:BebasNeueRegular;
text-align:center;
}
.coms a:link,.coms a:visited {
color:#fff;
}
.combox span{
font-size:12px;
color:#eee;
text-shadow:1px 1px 0px #111;
display:block;
text-align:center;
}
.rightcover{
float:right;
width:560px;
background:#fff;
margin-right:20px;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
box-shadow: 0px 0px 5px #aaa;
}
.title{
margin: 0px 0px;
padding: 5px 0px;
}
.title h2 {
margin: 0px 0px;
padding: 15px 20px 5px 20px ;
font-size: 18px ;
font-family:BebasNeueRegular,Arial,century gothic,verdana, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color:#3a3a3a;
background-color: transparent;
}
.title h2 a:hover {
color: #333;
background-color: transparent;
}
img.postimg{
border:0px solid #eaeaea;
}
.inset{
background:url(images/inset.png) no-repeat;
}
.entry {
margin:0 0;
padding: 0px 20px ;
}
.entry a:link,
.entry a:visited {
color:#CF0808;
}
.entry a:hover {
color:#ED1717;
background-color: transparent;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 3.6em;
}
.entry p{
margin:0px 0px 10px 0px;
padding:5px 0px;
line-height:24px;
}
.singleinfo{
padding:10px 0px;
border-top:1px solid #ddd;
}
.category{
padding:5px 0 5px 20px;
color:#827A60;
font-size:10px;
text-transform:uppercase;
}
.category a:link,.category a:visited{
color:#CF0808;
}
.category a:hover{
color:#444;
}
/* left column */
.left{
float:left;
width:300px;
padding:0px 0px 0px 0;
display:inline;
overflow:hidden;
}
h3.sidetitl{
font-family: BebasNeueRegular,Tahoma,Century gothic, sans-serif;
color:#222;
font-size:26px;
padding:10px 0px 10px 0px;
font-weight:normal;
}
/* The Sidebar */
.sidebar{
float:left;
}
.sidebox{
width:370px;
margin:30px 15px 10px 15px;
list-style:none;
color:#6f6f6f;
}
.sidebox ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 5px 0px ;
}
.sidebox li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebox ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.sidebox ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width:270px;
margin:0px 0px;
list-style-type: none;
text-shadow:1px 1px 0px #fff;
}
.sidebox ul li a:link, .sidebox ul li a:visited {
color:#555;
text-decoration: none;
padding: 5px 0px 5px 0px;
display:block;
}
.sidebox ul li a:hover {
color: #C80101;
}
.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
.sidebox.widget_links ul li,.sidebox.widget_meta ul li{
border-bottom:1px solid #ddd;
}
.sidebox.widget_recent_entries ul li a{
border-bottom:1px solid #ddd;
}
ul#recentcomments li.recentcomments {
padding:5px 0px;
border-bottom:1px solid #ddd;
}
.squarebanner {
margin:0px 0px 10px 15px;
width:270px;
}
.squarebanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.squarebanner ul li{
list-style-type:none;
margin: 10px 10px 0px 0px;
float:left;
display:inline;
background:#eee;
}
.squarebanner ul li.rbanner{
margin-right:0px;
}
/*calendar*/
#wp-calendar{
width: 100%;
padding: 0px 5px;
}
#calendar_wrap{
margin:0px auto;
}
#wp-calendar caption{
padding: 10px 5px 5px 5px ;
font-size:16px;
color:#375752;
font-weight:bold;
font-family:Georgia,Century gothic, Arial, sans-serif;
text-transform:uppercase;
}
#wp-calendar th, #wp-calendar td{
padding: 5px;
text-align:center;
color:#fff;
background:#555;
}
#wp-calendar td a{
padding: 0px;
border:none;
color:#843400;
}
#wp-calendar td{
background:transparent;
border:none;
color:#444;
}
#wp-calendar td, table#wp-calendar th{
padding: 2px 0;
}
/* --- FOOTER --- */
#footer {
padding:30px 0 25px 0px;
color:#777;
font-size:11px;
background:url(images/casing.png) repeat-y;
}
#footer a:link , #footer a:visited{
color:#777;
}
#footer a:hover {
color:#777;
}
.fcred{
width:1000px;
text-align:center;
margin:0px auto;
line-height:16px;
}
/* The Navigation */
#navigation{
margin:5px 0px 0px 115px;
padding:5px 0px;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h2.feat-title {
padding:25px 0px 10px 0px;
font-size:18px;
font-weight:normal;
color:#444;
font-family:BebasNeueRegular;
margin-left:120px;
}
h2.feat-title a {
color:#507409;
}
/* Comments */
#commentsbox {
margin:0px 0px 0px 115px;
}
h3#comments{
font-size:20px;
color:#111;
font-weight:normal;
padding:10px 0px 15px 0px ;
margin-top:10px;
font-family:BebasNeueRegular;
}
ol.commentlist {
margin:0px 0px;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:10px 20px 20px 5px;
line-height:18px;
padding:10px;
background:#fdfdfd;
-moz-box-shadow: 0px 0px 3px #aaa;
-webkit-box-shadow: 0px 0px 3px #aaa;
box-shadow: 0px 0px 3px #aaa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ol.commentlist li .comment-author {
color:#333;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#333;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#333;
}
cite.fn{
color:#eee;
font-style:normal;
}
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #eee;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta{
font-size:10px;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#000;
}
ol.commentlist li .comment-meta a {
color:#ED1717;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#444;
border:1px solid #111;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
}
.comment-nav a:link,.comment-nav a:visited{
color:#E73540;
}
#respond{
padding:0px 0px ;
margin:10px 20px 0px 5px;
}
#respond h3 {
font-size:24px;
font-weight:normal;
padding:10px 0px ;
color:#555;
font-family:BebasNeueRegular
}
#commentform {
padding:10px 0px;
}
#commentform a {
color:#CF0808;
}
#commentform p{
margin:5px 0px ;
color:#999;
}
#respond label{
display:block;
padding:5px 0;
color:#999;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#02070F;
}
#commentform input{
width:50%;
}
#respond input#commentSubmit {
width:100px;
padding:3px 5px;
background:#444;
border:1px solid #111;
color:#fff;
margin:10px 0px;
cursor:pointer;
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#02070F;
}
/* Pagination */
.wp-pagenavi{
font-size:12px;
text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#CF0808!important;
border: 1px solid #A00606 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi a:hover {
color: #ffffff;
}
.wp-pagenavi span.pages {
display:none;
}
.wp-pagenavi span.current {
text-decoration: none;
background:#333 !important;
border: 1px solid #111!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi span.extend {
text-decoration: none;
background:#333 !important;
border: 1px solid #111 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
หน้า stylesheet มันเป็นอย่างนี้ครับเปลี่ยนตรงไหนครับช่วยผมที่ยาวหน่อยครับ
พัฒนาเว็บไซต์
