• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

features images in No Sidebar Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › features images in No Sidebar Pro

This topic is: not resolved

Tagged: featured image, front page, no sidebar pro

  • This topic has 9 replies, 2 voices, and was last updated 8 years, 9 months ago by Brad Dalton.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 23, 2017 at 1:03 pm #201841
    JdMedia
    Participant

    How do I change the settings to show the whole image, or change the image size, on the front page of No Sidebar Pro theme?

    February 23, 2017 at 1:15 pm #201842
    Brad Dalton
    Participant

    The front-page.php uses the ns-featured size on line 123 which you can find in functions.php on line 146. The following code crops the image to the dimensions in the code using add_image_size

    add_image_size( 'ns-featured', 1024, 576, TRUE );
    

    So you can change the 2nd and 3rd parameters from 1024 to 576 and then regenerate thumbnails.

    The code also generated a class which uses this CSS rule on line 1550 of style.css

    .front-page a.ns-featured-image {
    	background-origin: border-box;
    	background-position: center;
    	background-size: cover;
    	display: block;
    	height: 100%;
    	width: 100%;
    }
    

    How bigs the whole image?


    Tutorials for StudioPress Themes.

    February 23, 2017 at 1:48 pm #201846
    JdMedia
    Participant

    1600 ?— 580

    February 23, 2017 at 2:07 pm #201848
    Brad Dalton
    Participant

    Or did you mean displaying the image as full width on all front page entries?


    Tutorials for StudioPress Themes.

    February 23, 2017 at 2:30 pm #201850
    JdMedia
    Participant

    I mean that the FIRST featured image showing up on the home page is fine.(I am assuming that I can change the size of the image itself to 1024 instead of using 1600.

    The latest post looks fine!

    The problem is when that post is no longer the latest post and pushes down the front page.

    The image handling is causing a visual problem with later posts on the front page.

    They don't have to be full width, But I need to see the actual picture in the image.

    It would be ideal if the image was centered.

    February 23, 2017 at 2:39 pm #201853
    Brad Dalton
    Participant

    Would something like this help?


    Tutorials for StudioPress Themes.

    February 23, 2017 at 2:47 pm #201858
    JdMedia
    Participant

    I could do that.

    I do like the default setup if the following posts if the image in the grid displayed from the center of the image. Is there a way to do that?

    February 23, 2017 at 2:59 pm #201860
    Brad Dalton
    Participant

    if the following posts if the image in the grid displayed from the center of the image

    Sorry, don't follow. Please clarify.


    Tutorials for StudioPress Themes.

    February 23, 2017 at 3:11 pm #201861
    JdMedia
    Participant

    Yeah, I don't think that will work anyway.

    Are these images being reduced in size?

    February 23, 2017 at 3:14 pm #201862
    Brad Dalton
    Participant

    Yes, if you look under the Front Page section in style.css you'll find the CSS.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble