Is there a way to add the post conntent into a box. (On the front page and if you click read more) I would like to have evry post in a single box because at the first sight you didint see where the posts beginn and where it ends.
OK my test side ......... i mean a box like this .......... The white box is for the whole post and the balck box is only for the thumbnail. But with a smaler border. And the is a little space between to posts
1. Now i see that the read more area is in a grey box. Can i delete it?
2.Is it possible to make an uniform size for the picture for example all pictures in 200x200. And change the position of the picture and the text. I mean the Picture is over read more and the text is on the left side. Or better delete the read more button and change [....] at the end of the text into the read more button.
1. Do you mean to remove grey background or remove background with "Read more" button? Because if you mean background color, then you can remove it with below css:
To get the same size for all thumbs, you must update images that are the same size. For thumbs we use WP feature image option which comes with wordpress itself.
But to change background color for single post pages, please use below css:
Solution looks fine but it depends on your skills if you will be able to do this. Also please remember that after any file size change, you must use Force Regenerate Thumbnail plugin.
I forgot one thing how can i make the space smaler between the posts and how can in undisplay or remove this. Here is a picture ...........
And one more question. The background at the posts is white now Thanks But how can creat a border around the post area and let the space on the left grey.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
what kind of boxes you mean? Please show us on screenshot what you mean and also please provide url to page where you want to do this.
Thanks!
my test side .........
i mean a box like this
..........
The white box is for the whole post and the balck box is only for the thumbnail.
But with a smaler border.
And the is a little space between to posts
Thanks
.post-item {
background: #fff none repeat scroll 0 0 !important;
padding: 10px;
}
.post-item .image_frame {
border: 2px solid #000 !important;
border-radius: 10px;
}
.post-item .image_frame .image_wrapper .mask { box-shadow: 0 0 0 0 !important; }
.post-item .image_frame img { border-radius: 10px !important; }
But i have two more question.
1. Now i see that the read more area is in a grey box. Can i delete it?
2.Is it possible to make an uniform size for the picture for example all pictures in 200x200.
And change the position of the picture and the text.
I mean the Picture is over read more and the text is on the left side.
Or better delete the read more button and change [....] at the end of the text into the read more button.
Thanks for the great Support
.post-footer { background: transparent !important; }2. Images can be moved from the top with below css:.post-item .image_frame { margin-top: 30px !important; }There is unfortunately no other way to change their position.The problem with the grey background is solved and the position is ok if its not possible to change it.
But how i get the same size for all pictures on the thumbnail?
And it was my fault i forgot to say that i would like to have the wihte background also on the posts site.
For example when you click on read more and go to the site for example this ............. that the backgriound of the text is also white.
But to change background color for single post pages, please use below css:
.single-post #Content { background-color: #FFF !important; }http://stackoverflow.com/questions/18910027/how-to-create-thumbnails-of-the-same-size
I dont know how to copy the code here in the comment
I forgot one thing how can i make the space smaler between the posts and how can in undisplay or remove this.
Here is a picture ...........
And one more question.
The background at the posts is white now Thanks
But how can creat a border around the post area and let the space on the left grey.
Something like withe the thumbnails.
I try this code but it didint work:
.single-post #Content { background-color: #f4f4f4 !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #b5b5b7 !important; }
.single-post #Content .image_frame .image_wrapper .mask { box-shadow: 0 0 0 0 !important; }
.post-item { margin-bottom: 10px !important; }