Masonry Blog Style Problem
Hallo,
i have a few problems with the style.
1. Is it possible to make all blog post to the same size because now the size of the boxes are different
At the masonry Tiles (Vertical Images) Style the boxes have the same size.
2. How can i put the thumbnail images in the center
3. How can i change the size of the headline on the post page (the page if you click on read more).
I try all fonts size but they didnt work for this headline.
My Site: dealhero24.de
Thanks
i have a few problems with the style.
1. Is it possible to make all blog post to the same size because now the size of the boxes are different
At the masonry Tiles (Vertical Images) Style the boxes have the same size.
2. How can i put the thumbnail images in the center
3. How can i change the size of the headline on the post page (the page if you click on read more).
I try all fonts size but they didnt work for this headline.
My Site: dealhero24.de
Thanks
Comments
1. If you want to make all boxes the same size, please upload images with the same sizes.
2. You can center images with below css:
.image_frame .image_wrapper { text-align: center !important; }3. Please show us on screenshot which section you want to change.Here is a picture of the headline
http://s0.dealhero24.de/headline-size/
.single-post .post-header .title_wrapper h1 { font-size: 20px !important; }I have one more question.
Is it possible to make the part in the red box in a diffrent color.
http://s0.dealhero24.de/diffrent-color/
On the Masonry Tiles (Vertical Images) Layout its similar.
The top is white and more down its more and more gray.
Now you can see it
.masonry .post-desc-wrapper { background: #000 !important; }But please notice that background won't be full width because of the padding for those items.Is it possible to make this space smaller ?
http://s0.dealhero24.de/smaller-space/
.masonry .post-desc-wrapper .post-desc { padding: 10px 20px 0 !important; }.masonry .post-excerpt { display: none !important; }
But if i use this code
.masonry .post-excerpt { display: none !important; }
The text is gone.
I would like to have the read more part higher
I try this
.masonry .post-excerpt { height: 10px }
And it looks ok on the pc but on mobile devices the read more part is on the text.
Have you a code to put the read more higher.
Or is it possible to put the read more directly to this [...] .
Its after the last word of the preview text.
Here is a picture of what i mean
http://s0.dealhero24.de/read-more-are/
Thanks