WordPress.org

Ready to get started?Download WordPress

Forums

Suits
Changing Header? (6 posts)

  1. mdavis360
    Member
    Posted 7 months ago #

    Using the Suits theme-how can I replace the Header area to insert my own custom jpg and make it be 100% width? Where in the theme is that code located?

    Thanks-I appreciate your help.

  2. Josh Stauffer
    Member
    Posted 7 months ago #

    You can add a background image to the header area with some CSS. Something like:

    .site-header {
    background: transparent url(/path/to/image);
    }

    Use a child theme to edit the styles or install a plugin like Jetpack and use the Custom CSS module.

  3. senoritagracia
    Member
    Posted 3 months ago #

    Using the suits theme. How can I make the background behind my header image a black background? Can someone tell me where I can find this in CSS??

    Thanks in advance!

    blog I need help with is graciamariastudio.com

  4. Tejas Gandhi
    Member
    Posted 3 months ago #

    Hi Senoritagracia,

    In order to make header background color black, make following changes in your style.css

    1.. Look for ".site-header"
    2.. Add following code

    .site-header {
    background: url(http://graciamariastudio.com/wp-content/uploads/2014/03/cropped-Screen-Shot-2014-03-21-at-5.05.04-PM.png) no-repeat scroll top;
    background-color: #000;
    }

    Hope this will help you.

    Cheers :)

    Tejas

  5. Tejas Gandhi
    Member
    Posted 3 months ago #

    Shorter version for changing bg color of header to black.

    Make following changes in style.css

    .site-header {
    background: #000 url(http://graciamariastudio.com/wp-content/uploads/2014/03/cropped-Screen-Shot-2014-03-21-at-5.05.04-PM.png) no-repeat scroll top;
    }

    Cheers :)

    Tejas

  6. senoritagracia
    Member
    Posted 3 months ago #

    thank you! i figured it out

Reply

You must log in to post.

About this Theme

About this Topic