Only featured image and post title visible in Blog menu?
-
Hi,
I would like to make only visible the featured images and the post titles when they are displayed in the Blog menu page.
May be what’s is wrong it is how I configured it.
I created a Category named Blog, then I add a Category “Page” in the menu structure that appears on the nav bar so when visitors click on it, they go to a page that shows all the posts I have marked in that category…don’t know if my explanations are clear enough.
So what i am trying to achieve is that when anyone click on Blog in the nav bar, the posts in that page are display just with the featured image and the post title.
Is that possible?Also I am trying to change the way menus are selected in the nav bar. Right now when you pass the pointer over the nav bar a big fat rectangle appears on the menu’s name. I’d rather prefer just an underline or changing the brightness of the text, something more subtle.
Thanks.
The blog I need help with is: (visible only to logged in users)
-
And the best of the best would be that the featured image and post title are center aligned.
-
I forgot one thing, I am in Customize>Site Title, Tagline and Logo, I writing my Tagline in capital letters but after I save the Tagline doesn’t appear in capital letters on my site…
Is there a CSS for that too? -
The align problem is resolved, so one less.
Sorry to over charge the thread, I created a new one for the capital letters.
Now I’ve checked the developers tool and what I am trying to hide is the ‘entry-content-warp’ but just in the preview in the main blog page.
I used the CSS.entry-content-warp {
-
sorry I push the button “submit”
So I used the CSS
.entry-content-warp {
display: none;
}But that hide the content of all the posts and projects.
What i want it is just to hide it in the blog main page as a preview design, but not loosing the content of the post when you click on it.
I am out of ideas for that, really need to know if it is even possible to do that and stop loosing time if that is the case.
Thanks.
-
I came up with a solution but I had to change the configuration of my Blog Page.
I actually created a page called “Blog” (not a category anymore) and in the page I inserted a Media, in that case the image I wanted as an Featured Image and a text which would be the title of the post.
After, I edited the media, use the Custom Link option and paste the URL of the post. And I do the same with the title with the link option in the Page Editor.
It’s not exactly what i wanted, I’d have prefer something more procedural, but it works and that’s the important thing.
The down side is, every time I make a new post, I’ll need to repeat the steps for it to appears on the Blog page. Not to bad though.If anyone comes up with a CSS to do that automatically, that would be awesome.
Thanks
-
Hey @axelware,
Alright, let’s go through this one by one.
created a Category named Blog, then I add a Category “Page” in the menu structure that appears on the nav bar so when visitors click on it, they go to a page that shows all the posts I have marked in that category.
Currently, you haven’t added a “category page” to your menu, the “blog” menu item is just a simple page so it will not automatically list posts.
First, open a post and assign it to ‘blog’ or any other category. Once it’s done, open the menu editor and add this “blog category page” to your menu. Here’s a guide on how to do it.
Now if someone clicks it, all the posts assigned to “blog” category will be shown.
when anyone click on Blog in the nav bar, the posts in that page are display just with the featured image and the post title.
Is that possible?You want only the featured image and title to appear on category pages, without the post text, correct?
Use this code:
.category .entry-content-wrap{ display: none; }This will automatically do it for all the posts on a “category page”.
I’m assuming you have assigned some posts to a category by now, and those posts can be viewed from its category page.
Also I am trying to change the way menus are selected in the nav bar.
Okay, the following should adjust the colors of the drop-down menus. They’re much more lighter and subtle now:
.site-navigation.main-navigation ul ul a { background-color: #F1F2F2; color: #919191; } .site-navigation.main-navigation ul ul a:hover { background-color: #D6D6D6; }Adjust color codes as per your liking! :)
What i want it is just to hide it in the blog main page as a preview design, but not loosing the content of the post when you click on it.
Here you go. Addition of .home will restrict this selector to home page only:
.home .entry-content-wrap { display: none; }Rest of the issues were resolved, so not quoting them. Also, your blog now seems to be private, but it was public when I opened it a while ago so was able to inspect the code.
-
-
- The topic ‘Only featured image and post title visible in Blog menu?’ is closed to new replies.
WordPress.com Forums 