Images do not appear above (but rather below) post titles in blog roll – Zuki theme
-
Hello, I’m using the Zuki theme, which has a feature that forces you to use assigned Featured Post images in order to have images appear in all the front page and blog sidebar widgets. It’s a very nice feature, however, these images automatically become the main image at the top of every blog post BUT they do not show up in email newsletters. To get around this, I found some code in the zuki forum that allows me to hide these featured images in the blog roll and at the top of individual posts. I can then insert my own image as the main image using a wide-content div in the body of the post, which I’m pretty sure will then show up in the newsletter. Problem: in the blog roll, the image I insert shows up BELOW the headline rather than above it (this is the default layout for individual posts, i.e., headline above image). I don’t like this :-) Can you suggest some code that would allow me to reverse the order and ensure that the image appears above the headline in the blog roll. At the moment, I’ve hidden the code that I use to suppress the featured images so you will not be able to see exactly what I’m talking about live on the blog, but hopefully you will understand what I mean. Many thanks for any suggestions.
The blog I need help with is: (visible only to logged in users)
-
Problem: in the blog roll, the image I insert shows up BELOW the headline rather than above it (this is the default layout for individual posts, i.e., headline above image). I don’t like this :-)
Are you talking about the Zuki Recent Posts widget rather than the blogroll (links) widget?
Can you point me to a place on your site where you wish to move the image in the content up above the title? Right off the top of my head, moving an image inside the content of a post above the title would require a lot of on-going work since it would likely require you to write individual CSS for each and every post.
-
Hi sacred path, Sorry for not making the issue more clear.
What I mean is that when you click on the “Blog” link in the main navigation menu, usually the photo appears above, not below, the title, in the Blog “roll”, which I like.
However, now the opposite is happening. This is because I entered code (btw, it is NOW activated so you can see what I mean) to suppress the Featured Post Image that is used in the Zuki Recent Post widgets so that I could then add a photo ‘within’ the blog post itself that will then show up at the top of my email newsletter.
As a result of this code, however, in the Blog (roll) (accessible via the nav menu as stated above) the main photo shows up below rather than above the title. I am hoping there is some code that will allow me to change the way the post is displayed in the Blog (roll) so the photo shows up above title, not below.
(FYI, I noticed that when I click on the Blog link to access the actual blog post the title is displayed above the photo, which is fine there. I just prefer that in the Blog (roll) the photo be placed above the title.) I hope that’s more clear. Many thanks for your help.
-
Just a follow-up question: if it’s not possible to code for the photo to appear above the title, could you please tell me what code would work to reduce the space between the title and the photo that follows? Thank you.
-
Ok, I’m pretty sure we can get things the way you want them, but we need to get clear on exactly what you want.
On the blog page, http://creativelivinggeneva.com/blog/ , you want the image above the post title, correct?
What about when you go to a single post page, such as http://creativelivinggeneva.com/2015/01/05/bonjourbonsoir-the-chinese-art-of-tea-drinking-flourishes-in-geneva/ ? Do you still want the image above the title?
-
1. Yes, preferably I would like the the image above the post title on the blog page, if possible. (Please note that I figured out how to reduce the space between them as per my last question above.)
2. I noticed that the default layout for the single post page is for the title to be above the image, so I thought I’d leave that as is although frankly, if you could give me some code to at least try out and see how it would look with the image above the title, that would be okay too. Then I could decide what’s best. At this point, however, my priority is point 1. above.
-
Ok, here is my suggestion. Remove this from your custom CSS
.single .entry-thumbnail, .blog .entry-thumbnail { display: none; }and then edit your posts and take the duplicate image out of the top of the post content. What this will do is to put the image back above the title on the blog page, and below the title on the single post pages. From this point on with Zuki, you will add your top image as a featured image and not include it in the post content.
-
Okay, I will do that. But then I’ll be left with the same problem that started all this, which is that when I add the top image as a featured image no image shows up in my email newsletter at all.
I think this is a design fault actually. Using the featured image to select images for the recent post widget is fine, but the featured image should not dictate what the top image should be. It’s very limiting. But anyway, I’ll accept it as is for the time being.
Thank you very much for your time and your help.
-
Ah, I had forgotten about the emails. Let’s try a little pseudo class trickery and see if this will keep the image in the content in the emails.
Remove the CSS I mentioned above, and then put the following at the very end of your CSS and then try a new post with a featured image and a duplicate image in the content. What this does is to hide the first image in each single post page and I’m pretty sure that the image will still show up in the email notifications.
.single .wide-content img:first-child { display: none; } -
-
- The topic ‘Images do not appear above (but rather below) post titles in blog roll – Zuki theme’ is closed to new replies.
WordPress.com Forums 