Support » Themes and Templates » Displaying only the featured image for content on front page

  • Hello, I need help before I start pulling my hair out. I have been figuring out css as I go but for the life of me, on the twenty fourteen theme, I cannot figure out for the life of me how to make it so that my posts of picture galleries will display ONLY the featured image that you can click on to go to the full post and see the content on a next page. from there you can click the back arrow to see the other posts and galleries and what have you. here is my site as it stands
    here is an example of what I am talking about, my co-admins and I love the idea of being able to put 10 or so posts up on the front page at a time and not having it be cluttered with post content on each one until you want to view all of the pictures by clicking on before mentioned individual posts. any help is more than appreciated 😀

    -Brandon (Spocktor Who)

Viewing 14 replies - 1 through 14 (of 14 total)
  • Do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes.

    What about the changes I have already made to the site as it is, if I create a child theme will it delete all of my previous work?

    also I am a bit confused. I have been customizing the theme live without having a program or anything on my computer to tinker with the settings and then make the changes go live. can I make a child theme from the css editor on the live page?

    sorry I am a complete noob at this point

    You will need to port all of your changes over to the child theme. Otherwise, they will be wiped out when you update the main theme.

    yeah, I have no idea how to do that lol *head desk*

    Try using a diff tool to compare the original theme to your customised version.

    I’m sorry, this is going to be painful lol. my issue is I have downloaded wordpress 3.9.1 and have no idea how to use it. I have downloaded plugins and have figured out how to extract them to wordpress 3.9.1 but I dont know what tool to use them with and I have no idea how to upload these changes to my live page when I’m done making the changes…again I am sorry, this must be like trying to train a house cat to play dead…haha

    Why have you downloaded WordPress 3.9.1? Al you needed to do was download your edited theme and a fresh copy of the 2014 theme and compare those two.

    okay how about this, would you know how to find the css code that is for the front page or featured content page only?

    I discovered if I enter

    .entry-content { display:none }

    it will make the content hidden like I want but it hides it on all pages. I need a conditional tag or something to make it only affect the front page

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I’ve been doing that on google chrome but It doesn’t seem to differentiate between the designated front page and the others. I will try firefox and see what I can come up with 😀 thanks.

    Chrome’s inspection tool is a bit feeble, in my opinion. Firebug is far more powerful and useful. I literally couldn’t manage without it these days.

    yeah even with firefox’s firebug I can’t get the page to do what I want. I want it to show the first picture in the post as a preview like the twenty eleven theme but I want the rest of the features and look of twenty fourteen lol. you mentioned before to use a different editing tool? where and how do I get one of those and how do I get the changes I make on said tool to carry over to my live page?

    okay I have figured out the code to hide the content at the moment is

    .post-content { display:none

    However when I use this in the wordpress built in css editor (as I have a premium account and can mess with it…) It will hide the content and only display the featured image like I want. BUT, the content is hidden on all pages, the post itself, and everything in between. I want the content to be hidden on ONLY the front page… Any ideas??

    any and all help is appreciated

    I’m wondering if there is a code that says something like

    if page = front then .post-content {display:none } but I cant figure it out… HELP!!!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Displaying only the featured image for content on front page’ is closed to new replies.