WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Header colour change (10 posts)

  1. webadeptuk
    Member
    Posted 10 months ago #

    Hello,

    I want to put a background on the whole of the body (i.e. above the slider and below the slider down to the footer.

    I'm not sure whether this is going to be an image background or just a block colour background yet... is there a way to do this?

    Could someone please let me know how to use an image and also how to just make it a block colour.

    Thanks in advance.

  2. rdellconsulting
    Member
    Posted 10 months ago #

  3. webadeptuk
    Member
    Posted 10 months ago #

    Thank you, that worked really well.

    Only bit left is the background behind my logo? How do I change that background?

    Thanks!

  4. rdellconsulting
    Member
    Posted 10 months ago #

    Hard without seeing your site, but I presume you mean the background. If so, try this:

    header.tc-header {
    background-color: red ;
    }

    Change red to the color you want.

    Confirm this works, and I'll update the Snippet.

  5. webadeptuk
    Member
    Posted 10 months ago #

    That did work for some of the area but it is still missing the background behind my logo. The image is PNG so it is transparent... any idea why it's not working?

    Thanks for your help so far

  6. rdellconsulting
    Member
    Posted 10 months ago #

    Can I have a link to your site?

  7. webadeptuk
    Member
    Posted 10 months ago #

  8. rdellconsulting
    Member
    Posted 10 months ago #

    Just on my way out, but having a quick look.

    tc-header code should bring back the pattern (what is now showing is background: none repeat scroll 0 0 #FFFFFF; which needs to be overridden)

    Not convinced the .png has been made with a transparent background.

    Will look again in the morning unless someone else picks up.

  9. rdellconsulting
    Member
    Posted 10 months ago #

    Try this in your CustomCSS Panel or child theme style.css:

    header.tc-header {
      background: url("/wp/wp-content/uploads/2013/09/paper_3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    which should add the patterned background to the Header.

    If the Logo background still shows as white then I'm pretty sure it's not transparent, so use a Picture Editor (eg Photoshop) to correct that.

  10. webadeptuk
    Member
    Posted 10 months ago #

    Worked perfectly. You were right - it was my logo that wasn't transparent!

    Thanks for your help

Reply

You must log in to post.

About this Theme

About this Topic