Displaying only the featured image for content on front page

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!!!