Hi there,
Can’t tell for sure without looking at your site directly. Chances are that your theme’s stylesheet is overriding your custom styles, but again I’d need to check to be sure.
Here’s my site, mkvcage.com
Alright, do any of the following:
- Turn off W3TC’s CSS Minify option, and then clear both W3TC’s and your browser’s cache afterwards.
- Include your custom CSS into your theme’s stylesheet, and then clear both W3TC’s and your browser’s cache afterwards.
Didn’t get your 2 point but i have turned off W3TC’ss Minify and cleared the cache but it’s still the same. I have applied this code to make it look in grid but nothing happened (http://wordpress.org/support/topic/grid-thumbnails-1?replies=2)
Ah, I see. Isabel (the OP of the other topic you linked to) is displaying only thumbnails while you’re using a different HTML layout, hence that CSS code I posted for her won’t work for you.
Ok, i changed this code:
.wpp-thumbnail {
border: none
display:inline;
float:left;
margin:0 5px 0 0;
}
And this one:
.post-stats {
display:block;
font-size:9px;
font-weight:bold;
}
Nothing’s happening 🙁 Strange
It’s working fine now, i have added !Important then it worked and can you tell me how can i change it make it look in grid like Isabel.
Thanks for your kind support, Hector. 🙂
Just gave it a shot and gotta say that a grid won’t look good in your case. The boxes won’t have the same height and will misalign because of the variable text (see this screenshot).
If you still want to maintain the texts, one soultion would be to set e fixed height on these boxes but then you’d have to make sure to keep them short.
Can’t we remove text by using text-indent? Can’t you make it look like this (http://i.imgur.com/KqJfQQ0.jpg)?
Hi there,
Sorry for the late reply, it’s been a busy week for me.
Can’t we remove text by using text-indent?
Yes, you could do that. Or you just remove those elements from the HTML markup. To do so:
- Go to the Widgets screen and in WordPress Popular Posts enable the Custom HTML Markup.
- Set Post HTML markup to
<li>{thumb}</li>
- Save changes.
Then, change the size of the thumbnails to your liking. You might needto adjust the CSS as well.
Np, i am fine with current look. Well, thanks for your help, Hector 🙂
