WordPress.org

Ready to get started?Download WordPress

Forums

Displaying only the featured image for content on front page (15 posts)

  1. SpocktorWho
    Member
    Posted 2 months ago #

    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 http://www.nerdsdib.com
    here is an example of what I am talking about, http://www.thechive.com 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 :D

    -Brandon (Spocktor Who)

  2. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

  3. SpocktorWho
    Member
    Posted 2 months ago #

    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?

  4. SpocktorWho
    Member
    Posted 2 months ago #

    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

  5. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

  6. SpocktorWho
    Member
    Posted 2 months ago #

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

  7. esmi
    Forum Moderator
    Posted 2 months ago #

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

  8. SpocktorWho
    Member
    Posted 2 months ago #

    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
    :(

  9. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

  10. SpocktorWho
    Member
    Posted 2 months ago #

    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

  11. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

  12. SpocktorWho
    Member
    Posted 2 months ago #

    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 :D thanks.

  13. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

  14. SpocktorWho
    Member
    Posted 2 months ago #

    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?

  15. SpocktorWho
    Member
    Posted 2 months ago #

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

Reply

You must log in to post.

About this Topic