• 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

More into Images In Genesis Child Theme

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 › More into Images In Genesis Child Theme

This topic is: resolved

Tagged: images

  • This topic has 3 replies, 3 voices, and was last updated 12 years ago by rawbert.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 5, 2014 at 8:21 am #83364
    iaditya999
    Member

    In News Pro theme, images added in the post has some padding as content css also had the padding but like on the verge site I want images added in the content to be edge to edge. How Do I make such change ? How to make image full width in site container regardless of padding ?

    View post on imgur.com

    View post on imgur.com

    January 6, 2014 at 1:48 am #83549
    Henrik Blomgren
    Member

    Well... it is kinda hard to change that since images placed into the post will be placed under the .entry-content class. Which has a padding of 4rem on each side.

    So... I do think you can do it with a little bit of css magic. Does it work to your liking if you type this in your css file?

    .single .entry-content img {
    max-width: 111.6%;
    margin: 0 -4rem;
    }

    this should? work to what you want it to. Otherwise I do not know any easy way of doing it. And from the looks on things the other image has the image below the content and it is not a piece of the .entry-content class. Which makes it a lot easier to work with.

    January 7, 2014 at 8:12 am #83789
    iaditya999
    Member

    It is working. Basically I don't use any alignments so it is working great for me.

    January 8, 2014 at 4:09 am #83960
    rawbert
    Member

    Hi!

    I'm using genesis sample child theme and I'm looking for a similar solution. I've tried what Henrik proposed and it worked but I would like to have the same effect in the excerpt showed in the blog page.

    Is this possible?

    Thank you!!

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

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