• 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

Prose, right image off the screen

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 › Prose, right image off the screen

This topic is: not resolved

Tagged: image cutting off, margins, Prose, right align

  • This topic has 6 replies, 2 voices, and was last updated 12 years, 3 months ago by Pinky.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 16, 2013 at 4:09 pm #28329
    jmfoust
    Member

    Hello,  Im having another problem.  I have a image that is Right Aligned, but its falling off the page.  The margin on the left is wide, and the right is acting like it is no existent.

    How can I get the image to show up on the page and not get cut off, and adjust the margins so they are equal 5px on each side?
    Thank you

    http://everydayhealthylifestyles.com/

    March 17, 2013 at 1:13 am #28485
    Pinky
    Member

    Try adding this to the bottom of your custom style.css

    #content-sidebar-wrap {
    width: 960px;
    float: left;
    }
    

    That will move the whole page over to the left and will also fix the right hand side image issue for you.


    cheers

    Pinky

    March 17, 2013 at 1:24 am #28491
    Pinky
    Member

    oh and then you'll need to move the top part over so give this a try:

    Around the content to the right of the logo - put a div like this:

    <div id="healthyheadline"> image here
    Hello Healthy Food Lover,
    How amazing would it be to walk into your kitchen each 
    morning to find it power- stocked with energizing whole
    foods, healthfully cleaned with non-toxic cleaners and
    highly organized for easy access? Three areas to fully 
    support your wellness journey to fabulous health and 
    a positive lifestyle!
    Sounds wonderful, right? Well, today you can start the 
    conversation to take back your kitchen with The Ultimate 
    Kitchen Detox for Healthy Food Lovers!
    </div>
    

    Then a little bit of css magic...

    #healthyheadline {
    margin-left: 200px;
    }
    

    Give that a shot and see how it goes... but don't forget to take a backup of your files before you play around with them lol.


    cheers

    Pinky

    March 17, 2013 at 3:33 pm #28677
    jmfoust
    Member

    Thank you! The image is still hitting the edge of the right.  Can I move it over a bit more?

    March 17, 2013 at 5:12 pm #28692
    Pinky
    Member

    Sure can!

    Add this to your style.css :

    .size-medium.wp-image-65.alignright {
    margin-right: 35px;
    margin-top: 45px;
    }
    

    I've added margin-top so it moves it down a touch and lines up with the bullet points rather than the headline, if you don't want that just remove the line margin-top: 45px;

    If you want to move it around more - just play with the margin-right number


    cheers

    Pinky

    March 18, 2013 at 4:02 pm #29176
    jmfoust
    Member

    Hi Pinky, thanks, but its not moving at all.  I wonder if it is due to prose settings in Design?  Any suggestions?

    March 18, 2013 at 4:59 pm #29206
    Pinky
    Member

    Ok let's try another approach... add this to your style.css

    .size-medium.wp-image-178.alignright {
    margin-right: 50px;
    margin-top: 45px;
    }
    

    And that should absolutely do the trick - it's css JUST for that one image.

    Lemmee know how ya go!


    cheers

    Pinky

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