• 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

Header Image and Border

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 › Header Image and Border

This topic is: resolved
  • This topic has 6 replies, 3 voices, and was last updated 8 years, 4 months ago by MoodyRiviera.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 11, 2015 at 12:46 pm #151749
    cjholbrook
    Participant

    Hi All,

    I'm not sure what I have done, but I am unable to find the "wrap" in order to create a border around ALL of the white space.

    Also, I have changed the image size, however there is still white space above and on the sides of the header image. How do I remove this white space.

    Your help is DEEPLY appreciated!

    I'm using DailyDish Child theme

    http://messagefromspirits.com/
    May 11, 2015 at 1:12 pm #151755
    Christoph
    Member

    Hi,

    1. To create a border around the white space

    Around line 667 of the style.css you have the following selector:

    .site-container {

    add

    border: *px solid #***;

    (replace * with a value of your liking)

    2. To remove the white space next to the header image

    remove padding-left: 60px; and padding-right: 60px; from the same selector (.site-container).

    You can add the padding again around line 682

    .site-inner {
        clear: both;
        margin: 40px 0px;
        padding: 0 60px;
    }

    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    May 11, 2015 at 2:49 pm #151778
    cjholbrook
    Participant

    Thank you Christoph!!! You are an angel. It worked perfectly. 🙂

    May 11, 2015 at 3:19 pm #151790
    Christoph
    Member

    You are welcome! 🙂

    Can you please mark this topic as resolved, so it can be closed?

    Thanks!


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    May 23, 2015 at 5:04 pm #153444
    cjholbrook
    Participant

    Hi Christoppher ... or anyone else?

    I did the above changes and it appeared to work. However now the picture is no longer aligned to the top and sides. Can someone please assist:

    http://messagefromspirits.com

    Thanks!

    May 23, 2015 at 9:34 pm #153454
    Christoph
    Member

    Hi,
    the sides look fine for me on Firefox and Chrome; at the top I see a little white line.
    To get rid of that line you can add margin-top: -1px; around line 1527 like so:

    .header-image .site-description, .header-image .site-title {
        display: block;
        margin-bottom: 0px;
        text-indent: -9999px;
        margin-top: -1px;
    }

    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    May 23, 2015 at 10:22 pm #153456
    MoodyRiviera
    Member

    To confirm with @Christoph said, the sides look OK to me too...just that little bit of white space at the top, as he noted.

    *MoodyRiviera*

  • 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

© 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