-
Posts
-
I reference my featured images in some of my posts (i.e. ‘look at the child in this image. . . “) so not having a small image on the Blog Posts Page (and category archives) and individual post pages will be a bit confusing for my readers.
So, is it possible for me to show a small or thumbnail image next to each post on the Posts Page (where it lists all posts), and an image at the top of the post on the individual post page?
Thanks!
JonHey gatehealing,
Well, you can add that image to the post itself, that way it will show up on the page.
Best regards,
VictoriaI have featured images set on all posts already, but they don’t show up on mobile Blog Posts Page or individual posts. Are you saying I could manually create another version of all of my posts (150ish published, and another 105 waiting)with a picture in the body of the post itself? I could do that only for the posts that reference the images, but then my presentation would be inconsistent to the user (some would have pix, some would not–on mobile).
Is there not a way to change the mobile view to have the featured image as a thumbnail on Blog Posts Page and Single Posts? (on mobile devices–tablets and desktop/laptop already does this).J
Hi gatehealing,
To get consistent presentation you need to be creating all post with either Default editor or Advanced Layout Builder not a mix of the two.
Best regards,
VictoriaThey are all created in Default editor . . . is it possible then for me to have thumbnail images show on my Blog Posts Page and in the themselves?
J
Hi gatehealing,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi gatehealing,
Thank you for credentials. I am seeing images next to the posts, even on the single post page. If the issue still exists, please point us to the page(s) where we can see the issue?
Best regards,
VictoriaAre you looking on mobile phone? The issue only occurs on mobile phone (I’m on an iphone7)
I just did 2 screenshots on phone and will get a link to them to post here in just a few min
There are definitely no images on this, and even on my laptop when I reduce size of browser window enough. All I really need are the tiny thumbnail images on mobile phones me iphon7 sized.
Just double checked to be sure I referenced “mobile” in thread title and in body of post;I did, but I didn’t do it every time I referenced screen, so it may have looked like all devices have the issue (80% of my traffic is mobile phones).
First link is my iphone7 screenshot of first couple of summaries shown on Blog Posts Page (mobile):
https://drive.google.com/open?id=13M9-yThaEkR3iUg22OwGHboCCpfBSatiSecond link is my iphone7 screenshot of a single blog post (mobile):
https://drive.google.com/open?id=1Pu8P32XaYjhuwj8XqA6yzMEICShJ2oVPThere are no images on mobile (iphone7 in my case) in either portrait or landscape orientation. My ipad 2, though, does show images on both Blog Posts Page and Single Post . . . I think it must be excluded based on pixel size or device type, but I am not finding that setting in Enfold Child, and could not find code in documentation to include a thumbnail on mobile devices (phones).
Thx
JonHi gatehealing,
Thank you for specifying and sorry for dragging this out for so long. I was not very clear.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .responsive .template-blog .blog-meta { display: block; } }If you need further assistance please let us know.
Best regards,
VictoriaThanks Victoria, apologies for not responding as soon as you posted that reply, but replies were shut off for holidays.
That works, but once clicked into single post page, the image is no longer a smaller thumbnail and causes text to only be several characters wide.
Is it possible to have the image above the single page post vs to the side? Or at least a thumbnail the way it is on the Blog Posts Page?
JOn
PS I am going to remove the code since it makes the blog post itself nearly unreadable.
Hi Jon,
Well, I can try to propose another css solution but I need caching to be turned off for now. Can you do that please?
Best regards,
VictoriaHi gatehealing,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .responsive .template-blog .blog-meta { display: block; margin-bottom: 20px; } .small-preview { width: 181px; height: 181px; } .template-blog .blog-meta { width: 100%; } .responsive .content .entry-content-wrapper { width: 100%; } }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.