• 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

Image Size Issuse: Balance 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 › General Discussion › Image Size Issuse: Balance Theme

This topic is: not resolved

Tagged: balance theme, image

  • This topic has 4 replies, 2 voices, and was last updated 12 years ago by ModernMuse.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 17, 2013 at 3:59 pm #41438
    jkennedy
    Member

    Hey Forum Friends,

    I've gotten frustrated and can't figure this out. So, wanted to ask for help! Here is my site (http://teachgoodstuff.com/) and I'm using the Balance theme.

    I've placed an image in the Header Left Widget, but it is not keeping the original size. Also, I would like it to be aligned with the opt-in plugin and both of them centered on the page.

    I'm thinking I need to change something in the css code, but not sure what! I've only made changes to the HTML in the widget.

    If you could point me in the right direction, I would be very grateful!  🙂

    Cheers,

    Jennifer

     

     

     

    May 17, 2013 at 6:01 pm #41447
    ModernMuse
    Member

    Hi Jennifer,

    If you're comfortable modifying CSS, try this...

    Starting on Line 511, the background should be aligned top vs. left.

    You can copy & paste the following...

    <pre>
    <div class="webkit-line-content">#home-featured {</div>
    <div class="webkit-line-content">background: url("http://teachgoodstuff.com/wp-content/uploads/2013/05/Jennifer1_2.jpg") no-repeat scroll top center #F2FAFF;</div>
    <div class="webkit-line-content">margin: 0 0 50px;</div>
    <div class="webkit-line-content">}</div>
    

    Starting on Line 537, the code should look like this...

    </em>
    
    <div class="webkit-line-content">.home-featured-right {</div>
    <div class="webkit-line-content">background: url(images/dashes-bg.png) #d05353;</div>
    <div class="webkit-line-content">border: 5px solid #fff;</div>
    <div class="webkit-line-content">font-size: 16px;</div>
    <div class="webkit-line-content">margin: 0 auto;</div>
    <div class="webkit-line-content">width: 430px;</div>
    <div class="webkit-line-content">}</div>
    <pre><em id="__mceDel">


    The code above differs in that the right float has been removed & the margin has been modified so that the opt-in box is centered.


    @ModernMuseNV | Portfolio | Personal Blog

    May 17, 2013 at 6:12 pm #41448
    ModernMuse
    Member

    Jennifer, disregard the code above. It's not pasting in correctly from the browser.

    Let's see if it works this time...

    Line 511

    
    #home-featured {
     background: url("http://teachgoodstuff.com/wp-content/uploads/2013/05/Jennifer1_2.jpg") no-repeat scroll top center #F2FAFF;
     margin: 0 0 50px;
    }
    
    

    Line 537

    
    .home-featured-right {
    background: url(images/dashes-bg.png) #d05353;
    border: 5px solid #fff;
    font-size: 16px;
    margin: 0 auto;
    width: 430px;
    }
    
    

    @ModernMuseNV | Portfolio | Personal Blog

    May 17, 2013 at 7:15 pm #41455
    jkennedy
    Member

    Woohoo! Thanks for the help!!

    I'm not sure if I'm doing things wrong, but at least I have the photo exactly where I'd like it placed. I'm still having trouble with the opt-in box. I would like to move it right so that it's not on top of the photo. I've tried changing all sorts of pieces in the code! Ha. But, still haven't figured it out!  Is there another line that I need to change?

    Thank you so much!!

    JK

    May 18, 2013 at 4:06 pm #41541
    ModernMuse
    Member

    Hi Jennifer,
    Glad I could help!

    I took a peak at the site and it looks like you've got it all sorted now. Apologies for the delayed response. 🙂


    @ModernMuseNV | Portfolio | Personal Blog

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ 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