Links under Menu drop down tabs
-
I have a menu tab labeled “recipes” and under it I have created drop down menus that are the categories of my posts. When I click a category it shows all the posts under that category. Is it possible to just have a list of the post titles that people can click on to get to the full post instead of having all the posts there? So essentially if someone went to the dinner drop down menu item, they could see a list of all the dinner recipes instead of the complete recipe post. Thanks!
The blog I need help with is: (visible only to logged in users)
-
Hi there,
I see that you’re already using the More Tag to hide the recipes behind a link that says “Click here for full recipe…” Just to clarify, you want to get rid of all of the content above that and only show the post titles?
Since you have the custom design upgrade, you could use Custom CSS to do this. To add custom CSS, go to Appearance > Customize in your dashboard and select CSS from the Customize tools. In the CSS editor, you can enter the following CSS:
.category .event-items .tiled-gallery { display: none; } .category .event-items #jp-post-flair { display: none; } .category .event-items p { display: none; }That will remove all of the content except the post titles from your category pages. Let me know how it goes! :)
However, keep in mind that this code will change all your category pages, not just the ones listed under Recipes. If you want to only change the recipe categories, you’d need to modify the CSS to target each category where you want the category page to have this format.
If you’re new to CSS, we have tips for getting started with CSS here:
If you have additional CSS questions, you can ask our expert staff and volunteers for more help in our CSS Customization forum:
https://en.forums.wordpress.com/forum/css-customization -
Hi there! No, I meant that I would like to keep my posts the way they are, but only when someone goes to the category pages in the widget or the menu drop down have just the titles on everything. Not sure if it is possible to do this or not…I’ve seen it on websites before but not sure if it is a specialized thing only certain sites can do. Thanks!
-
Hm, I’m not sure I understand quite what you’re going for here. Can you show me an example of a site that is set up like that? That will help me see what you mean. :) (Sorry for not getting it right away!)
-
Don’t be sorry! I just appreciate your offer to help. Go to the site http://www.ohsheglows.com. Look under the recipe index menu tab and click on one of the subcategories. Just see how a list of recipes gets brought up, instead of all the full posts under that category. She also has picture thumbnails, which would be awesome but might be too complicated for my site, not sure if that would be possible.
-
Ok, now I see what you mean. :) That’s a neat site! You won’t be able to exactly mimic that design with your current theme, but you can do something similar.
If you use the CSS code I gave in my first message, it will create just a list of post titles on your category pages (but shouldn’t change the front blog page on your site):
.category .event-items .tiled-gallery { display: none; } .category .event-items #jp-post-flair { display: none; } .category .event-items p { display: none; }If you make a little change and just use the following CSS code, it will take away all of the regular post content but leave image galleries along with the post titles:
.category .event-items #jp-post-flair { display: none; } .category .event-items p { display: none; }That’s not quite the same as having a thumbnail image, but it will let you spice things up with image galleries. (Individual images in the post will still be hidden, though.)
If you want to get a little fancy, you can also try turning the recipe list into tiles, kind of like the site you linked to, with code like this:
.category .event-items .span12 { width: 48%; margin: 1%; padding: 10px; border: 1px black solid; }Try adding some of that CSS in the CSS editor under Appearance > Customize > CSS in your dashboard, and let me know what you think! :)
-
Thanks! I will try this later when I get home. I had another guy email me a way to do it by making pages with links to categories, or something like that…I will try all these options and get back to you guys.
Thanks again!
-
Sure thing! There are a number of different ways you could set up your site to do this — I’d be interested to see how it ends up. :) And of course, if there’s anything else I can help with, just let me know.
-
Hi! I loved the last option you gave me! The one where it turns them into tiles. Looks awesome! Is there a way to make the boxes that the recipe is in even smaller?
-
I’m really glad that option worked for you. :) You can adjust the width in that CSS code to make the boxes even skinnier, if you’d like. Right now the width is set at 48%, but you could try reducing that to something like 30% to fit three boxes side-by-side.
For even more help with the CSS you’re using, you can chat with our staff and volunteers in the CSS forum here:
https://en.forums.wordpress.com/forum/css-customization
That’s a great place to learn more about CSS and get even more ideas for how you can customize your site. Cheers! :)
-
-
The height is set automatically by the amount of content in the post. If you want those boxes to be shorter, you’ll need to either resize the content or remove some of it. :)
-
- The topic ‘Links under Menu drop down tabs’ is closed to new replies.
WordPress.com Forums 