• 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

Education – Full Width Images on Pages

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 › Education – Full Width Images on Pages

This topic is: resolved

Tagged: education theme, Full Width Images, image styling, sidebars

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 11 months ago by Brad Dalton.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 2, 2014 at 2:19 pm #112708
    suecline
    Member

    Hi -

    Now that I got my home page sorted nicely, I'm tackling the interior page & blog post styling. I am trying to accomplish 2 things on each individual page:

    http://209.59.178.236/~gses14/about/philosophy/

    I want the image of the kids to stretch the full width of the theme (like the home page slider, but static). Ideally the sidebar (I've got a testimonial example in there now) contents would begin *after* the static image. Each page would have it's own unique image and I need to make it fairly easy for novices to figure out how to do that. We're already using the existing featured images function other spots, not sure if it smarter to extend that?

    I did review the information in this post but it didn't really address how to deal with sidebar positioning.

    Also I want to remove the actual page title from the page - we'll create our own headlines. I'd ideally like those headlines to *also* be full width unless someone with more design sense wants to give me a better suggestion.

    Thanks!

    http://209.59.178.236/~gses14/about/philosophy/
    July 4, 2014 at 6:13 am #112952
    Brad Dalton
    Participant

    The solution depends on how many pages you want to display unique header images on.

    The fact you want them easy to add means hand coding isn't the easiest solution so you need a custom meta box. This can be hand coded or you can choose from 1 of 2 great plugins.

    CUSTOM HEADER EXTENDED

    WP DISPLAY HEADER

    I think the best position to display your unique header images is after the header or using the genesis_before_content_sidebar_wrap hook. This solutions solves both problems.

    The different hook positions simply determine the position your images output in your them as you can see looking at this visual guide.

    The only problems you have are these.
    The plugins don't display the headers in the hook position you need them to unless you modify the code in the plugin.

    The other option is to hand code a meta box and hook the images in however this requires a fair amount of custom coding which i have already posted on my site that may need modifying.


    Tutorials for StudioPress Themes & WooCommerce.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 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

© 2023 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