Wordpress sitemde EccePure temasını kullanıyorum. Öne çıkarılmış görsel ayarlamasıyla ilgili bir sorun yaşıyorum, yardımcı olur musunuz?
Bu resmi öne çıkarılmış görsel olarak seçtiğimde bu şekilde görünüyor. Ben bunun tamamını göstermek istiyorum ancak index.php üzerinde bir türlü yapamadım. Style.css den boyutları değiştirdiysem de boyutu değişmesine rağmen kesik gösteriyor.
Ortam ayarlarında " Küçük resmi tam boyutuna göre kırp (normalde bu işlem orana göre yapılır)" seçili değil.
Single.phpde başka bir kod ekledim ve orda istediğim gibi gösteriyor.
'aligncenter')); ?>
Style.css kodları:
.resim-header
{
-webkit-transform:translateZ(0) scale(1.0,1.0);
-webkit-backface-visibility:hidden;
position:relative;
overflow:hidden;
float:left
}
.resim-header .kucuk-resim
{
line-height:0;
height:175px;
width:175px
}
.resim-header .kucuk-resim a.kucuk-resim-link
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:99
}
.resim-header .kucuk-resim img
{
width:auto;
height:100%;
-webkit-transition:all .5s ease 0;
-moz-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
-ms-transition:all .5s ease 0;
transition:all .5s ease 0
}
.resim-header:hover .kucuk-resim img
{
-webkit-backface-visibility:hidden;
-webkit-transform:scale(1.1) rotate(2deg);
-moz-transform:scale(1.1) rotate(2deg);
-o-transform:scale(1.1) rotate(2deg);
-ms-transform:scale(1.1) rotate(2deg);
transform:scale(1.1) rotate(2deg)
}
.post:nth-child(odd) .resim-header:hover .kucuk-resim img
{
-webkit-backface-visibility:hidden;
-webkit-transform:scale(1.1) rotate(-2deg);
-moz-transform:scale(1.1) rotate(-2deg);
-o-transform:scale(1.1) rotate(-2deg);
-ms-transform:scale(1.1) rotate(-2deg);
transform:scale(1.1) rotate(-2deg)
}
.resim-header .hover
{
position:absolute;
height:100%;
width:100%;
color:#fff;
padding:0;
-webkit-box-shadow:inset 0 0 45px 0 rgba(255,255,255,.45);
box-shadow:inset 0 0 45px 0 rgba(255,255,255,.45);
background-color:rgba(255,255,255,.4);
top:0;
left:0;
opacity:0
}
.posts_list li a img,span.avatar img,.resim-header .hover
{
-webkit-transition:opacity .3s ease;
-moz-transition:opacity .3s ease;
-ms-transition:opacity .3s ease;
-o-transition:opacity .3s ease;
transition:opacity .3s ease
}
.resim-header:hover .hover
{
opacity:1
}
Index.php kodları:
