StudioPress

Forum navigation

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

Background & Header Question

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Background & Header Question

This topic is: not resolved

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2013 at 7:32 am #36352
    tracyw
    Member

    My url http://dschurchofchrist.com

    I have a custom background/header image (gray wood-type image), however, the background in both the header and footer below the 4-piece widget at the bottom, are both very black.  This isn't part of the image either.  In fact, the header is a png from photoshop and was created with transparent background.  I've looked and looked in the CSS to try and figure out how to change the black to something lighter, but can't see how.

    On both the header and background dashboard admin pages, it shows NO color in the "background" settings.  The black, particularly at the bottom is too dark for the overall theme--I want to lighten the page up just a bit.  And no matter what image I use for the background, I still get this dark black at the bottom.  Any help is appreciated.

    http://dschurchofchrist.com
    April 19, 2013 at 7:42 am #36353
    Nick Davis
    Member

    Hi Tracy

    There's a couple of extra background images in the Outreach theme that are blocking you there. A quick way to fix this would be to add the following CSS code to the end of your theme's style.css file:

    `#footer-widgets, #footer, #footer .wrap { background: none; }`

    The header looked OK to me?

    - Nick

    @iamnickdavis. I share the best new Genesis stuff weekly at GenesisWP.guide
    I also offer Genesis theme setup and Photoshop (PSD) to Genesis conversions

    April 19, 2013 at 8:23 am #36357
    tracyw
    Member

    Oh my goodness!  That worked perfectly!  I wish I knew how to know that on my own!   So the header...That darker piece underneath the png image must be part of the original image I used for that.  Looking at the image on its own, it does appear to be darker along the top of the image. Which makes sense I guess, if the png is transparent, laying on top of the background image...?

    So, what is the key in the CSS line you gave me?  I know it all goes together to make the change, but is it the background: none?  That would make sense.  As you can see, I'm learning as I go along but am trying to understand it at the same time. CSS is all so confusing.

    THANK YOU so, so much!

     

    April 21, 2013 at 2:51 am #36658
    Nick Davis
    Member

    Hi Tracy, yes, the original theme comes with some background styles for the footer already added. What we did with that CSS was just to switch them off. Glad it helped, Nick

    @iamnickdavis. I share the best new Genesis stuff weekly at GenesisWP.guide
    I also offer Genesis theme setup and Photoshop (PSD) to Genesis conversions

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.