Merhaba, aşağıda linkini verdiğim ücretsiz temayı kullanmak istiyorum. Temanın manşet kısmındaki resimler arasındaki boşlukları kaldırmak istedim. Bunu css'den yaptığımda yan taraftaki ikinci ve alttaki 3 resim ufak kalıyorlardı. Onları büyütmek için temanın ayar dosyasından boyutlarını büyüttüm fakat ikinci resim büyümesine rağmen alttaki ufak resimler büyümüyorlar. Belirli bir limiti var, thumbnail boyutunu istediğim kadar büyütsemde büyümüyorlar. Bürtürlü yapamadım. Nerede hata yapıyorum acaba ?
Kullandığım tema:
http://demo.mythemeshop.com/point/
Boyutlarını ayarladığımda oluşan durum bu :
functions.php thumbnail ayarlama kısmı
/*-----------------------------------------------------------------------------------*/
/* Post Thumbnail Support
/*-----------------------------------------------------------------------------------*/
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 220, 162, true );
add_image_size( 'featured', 220, 162, true ); //Latest posts thumb
add_image_size( 'carousel', 140, 130, true ); //Bottom featured thumb
add_image_size( 'bigthumb', 620, 315, true ); //Big thumb for featured area
add_image_size( 'mediumthumb', 380, 350, true ); //Medium thumb for featured area
add_image_size( 'smallthumb', 150, 155, true ); //Small thumb for featured area
add_image_size( 'widgetthumb', 60, 57, true ); //widget
Buda css'de manşet kısmı
.featuredBox {
padding: 14px 2.2% 0 2.2%;
overflow: hidden;
}
.firstpost {
float: left;
margin-bottom: 0;
max-width: 620px;
width: 66.2%;
position: relative;
overflow: hidden;
}
.secondpost {
float: left;
max-height:380px;
max-width: 350px;
position: relative;
overflow: hidden;
}
.thirdpost {
float: left;
height: xpx !important;
width: xpx !important;
position: relative;
overflow: hidden;
}
.thirdpost:last-child { margin-right: 0 }
#first-thumbnail {
width: 100%;
max-width: 550px;
}
#second-thumbnail {
width: 100%;
max-width: 480px;
}
.featured-excerpt {
position: absolute;
bottom: 0;
width: 94%;
margin: 0;
padding: 3%;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
}
.featured-title {
font-size: 18px;
font-weight: 700;
clear: both;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
}
.secondpost .featured-title {
font-size: 14px;
line-height: 1.3;
}
.f-excerpt { font-size: 14px }
.thirdpost .featured-title {
font-size: 10px;
line-height: 1.3;
}
.frontTitle {
background: #E2E2E2;
color: #2A2A2A;
line-height: 36px;
font-size: 18px;
margin-bottom: 28px;
padding: 2px 0 2px 15px;
}