Hi Sanfly,
In the Stylesheet (CSS), replace:
.posts .page {
width: 100%;
padding: 16px;
by
.posts .page {
width: 100%;
padding: 0;
Hope this helps
Djamil
Oops.
And you also have to choose “image” for all your posts’ formats.
You can do it in bulk with this: https://wordpress.org/plugins/bulk-convert-post-format/
Good luck
Djamil
Hi guys,
I got the same problem and I tried your solution, but it didn’t work out for me in the css is now standing like this:
/* -------------------------------------------------------------------------------- */
/* 5. Blog
/* -------------------------------------------------------------------------------- */
.posts {
overflow: visible !important;
position: relative;
}
.posts .post-container {
width: 33.33333%;
padding: 10px;
overflow: hidden;
}
.posts .post,
.posts .page {
width: 100%;
padding: 0;
background: #fff;
position: relative;
}
.posts .post.sticky .is-sticky { display: inline; }
.featured-media {
display: block;
overflow: hidden;
position: relative;
}
.featured-media a,
.featured-media iframe,
.featured-media object { display: block; }
.featured-media img {
display: block;
width: 100%;
height: auto;
}
.posts .format-standard .featured-media:hover img,
.posts .format-image .featured-media:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
Can you guys help me out please?
Kind regards,
Okko Meijer
Hi there!
It’s not about CSS but changing the text that is displayed over the image. I think you have to modify the code of some theme files. I don’t know which one(s), sorry.
I’ve found the file to modify: content-image.php
Change this line:
<p class=”view”><?php _e(‘View’,’fukasawa’); ?> →</p>
to
<p class=”view”><?php the_title( ”, ” ); ?></p>
It works as you can see in my site: http://instantes.net
hope it helps.