June 1, 2013 at 8:16 pm #24188
I am using the Enfold theme and the “single author small preview pic” as the blogroll layout, which displays correctly the featured image (80 X 80px). However, when I open the post in its own page, the featured pic (originally 80 X 80px) takes up only a part of the space leaving in the background the grey pencil image.
How can I make the featured image space smaller, i.e. 80X80px in the single post page? I do not want to use a 180X180 image so as to cover the grey box, hence I’d like to make the grey box smaller.
Furthermore, is there a way to make the media space larger in the single post page? I am using embedded videos and I’d like to display them in the single post page in the same size as the blogroll page.
Your assistance will be appreciatedJune 2, 2013 at 11:12 am #122678
OK, I have added the desired dimensions of the featured image into the Quick CSS, and I have also set the image size through the image resizer plugin. What happens now is this:
- When you go to the single post page the grey box looks smaller (80X80) as long as it is empty, which is the desired size. However, when you add a 80X80px featured image the grey box expands back to 180X180, which means the image takes up only a part of the area. What you get is a grey background with an image on its upper left corner; far from the desired look.
Then I decided to remove the featured image as a temporary solution until I hear from you. I modified again the CSS and the image has been removed from both the blog roll and the single post page, which is the desired behavior. However, the blog roll page now shows a “timeline”, i.e. a dotted line that runs from the top to the bottom of the page. The workaround to this was to switch to “single author/big preview” layout, in which case there is no timeline, thus the removal of the preview leaves the page clean.
However, ultimately I would like to use “singe author/small preview” with a proper grey box 80X80 which will be fully covered by a 80X80px image, without leaving the grey background visible, hence I would appreciate your assistance.
Last but not least, please ignore my second question of the initial message (how to make the media space in the post body larger), as this space gets larger when the featured image gets smaller or removed, hence it is not an issue.
I am looking forward to receiving your suggestions.
Thank youJune 4, 2013 at 3:50 pm #122679
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code.
Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. A labeled screenshot hosted on imgur.com or else where would also be helpful in ensuring success. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.
NickJune 6, 2013 at 8:45 am #122680
Thank you for your reply! The issue has been resolved by leaving the “where do you want to display the blog” box empty, in the Enfold settings. I just use a blog roll element in a page. That in combination with removing the big preview display in CSS has done the job.
The perforated line (timeline) has gone from the blog roll, which leaves me with a blog roll with small featured images, and the single post is now displayed without a featured image.
May I take the opportunity and ask how to remove the file name line, which appears on the top side of a featured image in the post view, when you click the image to see it on the lightbox or should I post a new question for that?
StephenJune 6, 2013 at 9:04 am #122681
Can you show an image on the demo site if you can’t post url to yours where this is happening please?
NickJune 6, 2013 at 11:50 am #122682
Hi again Nick and thank you kindly for your prompt response. I have uploaded an image here: http://imgur.com/kOnuj7T
Instead of my blog (unpublished and messy for the moment) I recreated the problem with the dummy data included in Enfold, which I am sure you’re familiar with.
You can ignore case (3) of the picture I have uploaded. It was the initial issue and I am sending it just in case you want to look into this if you hear the same from others.
Case (1) is what I was referring to with regard to the file name above the lightbox picture. It is the dummy data post displayed on its own page. This is what you see when you click the featured image.
Case (2) is something I just saw. The blog slider displays an image with a whitish space around the actual image. This is happening even if all post featured images are the same size (say 80X80) and the image size has been set to 80X80 in the resizer plugin and all images regenerated or posted after the size was set. In the post page the images appear as they should. The problem is you can’t use a color layer background other than white as the white box that surrounds the image looks like a “hole” in the colored background.
Of course the twitter image is just an example.
StephenJune 7, 2013 at 2:59 am #122683
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code on the page this is taking place,.
Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.
NickJune 10, 2013 at 7:01 am #122684
Hi Nick, I have solved all these issues by amending the quick.css. Thank you for your help.
I realize that in version 1.6 the post slider does no longer provide the option to display a featured image in different sizes, which came in very handy in many cases. Is this a bug or a feature? If it is a feature I am not sure why you did that and whether the old functionality can be restored?
Please feel free to close this thread anytime.
StephenJune 10, 2013 at 10:49 pm #122685
The topic ‘How can I make the featured image smaller in the single post page?’ is closed to new replies.