Snaps Theme Front page how to only show certain projects

  • Unknown's avatar
    mbrynnan · Member ·

    Hi I’m using the gorgeous SNAPS theme for a site and have set up project types and parent projects. I don’t want the site to show the most recent update by default. I want to pick and choose which 8 projects show up in my grid of eight on the static home page. I have more than eight projects but it always rolls up the latest to the home page. Can this be done?

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi! You’ve got a few options.

    – To display it exactly like Snaps does now, you could get some custom code to modify the behavior of the snaps front page to let you choose a particular tag

    – You could try building out your own front page design using the Blog Posts Block:
    https://wordpress.com/support/wordpress-editor/blocks/blog-posts-block/

    It has an option to let you choose portfolio items only, and a “Specific posts” option that would let you choose the ones to display. You can also crop the pictures so they’re in portrait mode, similar to how Snaps displays them currently, and you can enable different toggles as you’d like.

    The advantage to the second option is that you’d be able to add other front page features as you’d like. Want to give it a try with a test page? If you like that, you can make it your front page when you’re ready:
    https://wordpress.com/page

  • Unknown's avatar
    mbrynnan · Member ·

    Hi Supernovia,
    Thanks so much for the reply. I think I’d rather go with the custom code option, any example code available? How does shortcode work?
    Best
    Morgan

  • Unknown's avatar
    mbrynnan · Member ·

    Ok I think I can do this using the Yellow pencil CSS editor. I want to show only 8 parent projects. Code help?
    Best,
    Morgan

    #content .entry-header h1{
    transform:translatex(0px) translatey(0px);
    display:none;
    }

    #page{
    transform:translatex(0px) translatey(0px);
    }

    /* Paragraph */
    .wp-block-media-text .wp-block-group p{
    transform:translatex(0px) translatey(0px);
    text-align:justify;
    z-index:0;
    line-height:1.5em;
    }

    /* Link */
    .site-text .site-title a{
    font-size:64px;
    display:inline-block;
    transform:translatex(0px) translatey(0px) !important;
    direction:ltr;
    }

    /* Projects */
    #projects{

    }

    /* 601px and larger screen sizes */

    @media     (min-width:601px){

    #second{
    font-size:26px;
    }

    }

    GLOBAL CODE

    /* Site text contain */
    #masthead .site-text-contain{
    display:inline-block;
    transform:translatex(0px) translatey(0px) !important;
    background-attachment:fixed;
    }

    /* Site title */
    .site-text-contain .site-text .site-title{
    z-index:-10;
    position:relative;
    padding-top:0px;
    overflow:auto;
    top:-200px;
    }

    /* Site text */
    #masthead .site-text-contain .site-text{
    height:170px;
    padding-bottom:10px;
    position:relative;
    bottom:auto;
    display:inline-block;
    transform:translatex(0px) translatey(0px) !important;
    left:0px;
    }

    /* Site text */
    #page #masthead .site-text-contain .site-text{
    right:auto !important;
    }

    /* Content */
    #content{
    padding-top:0px !important;
    }

    /* Site logo link */
    .site-text-contain .site-text .site-logo-link{
    position:fixed;
    }

    /* Primary */
    #primary{
    padding-bottom:30px !important;
    }

    /* Link */
    .site-text .site-title a{
    position:relative;
    }

    /* Paragraph */
    #page #main #primary #content .hentry .entry-content .entry-content-wrap p{
    line-height:1.2em !important;
    }

    /* Paragraph */
    .hentry p{
    text-align:justify;
    }

    /* Paragraph */
    .wp-block-media-text .wp-block-group p{
    transform:translatex(0px) translatey(0px);
    }

    /* Projects */
    #projects{

    }

    /* 801px and larger screen sizes */

    @media     (min-width:801px){

    /* Site text contain */
    #masthead .site-text-contain{
    height:170px !important;
    }

    }

  • staff-totoro · Staff ·

    Hi there,

    Thanks so much for the reply. I think I’d rather go with the custom code option, any example code available? How does shortcode work?

    I should probably clarify that this is not something you can do with CSS code. Instead the behaviour that dictates what posts are shown on the homepage of the Snaps theme is determined by the source code of the theme (PHP) and that cannot be modified via CSS.

    Instead you will need to hire a web designer to assist you in creating this, it is outside of the scope of support we are able to provide here in the WordPress.com forums.

  • staff-totoro · Staff ·

    Hi again,

    I forgot to mention that this is the support forum for our free sites, but your Business Yearly Plan upgrade includes priority live chat support that you can access 24 hours a day (except major holidays)

    With this in mind you are encouraged to reach out to us here, and we can take a closer look at your issue in realtime. No need to wait for a reply in the forums: https://wordpress.com/help/contact

  • Unknown's avatar
    mbrynnan · Member ·

    Thanks!

  • The topic ‘Snaps Theme Front page how to only show certain projects’ is closed to new replies.