Header Background

  • jcpacelli

    (@jcpacelli)


    11 years, 11 months ago

    I am trying to edit the background of my header to be transparent. Currently, it’s black but it extends past the edges of the site. I can’t for the life of me figure out what code to edit to make it stay transparent. I can, of course, inspect the element in Google Chrome but it only links to an index file that I cannot find via FTP.

    Here’s a screenshot of what I mean:
    http://i60.tinypic.com/10xyezn.jpg

    I’ve already overridden the background of the nav bar (events, categories…) so it is only the header portion that I want to be transparent.

    Thanks for your help

    -John

Viewing 6 replies - 1 through 6 (of 6 total)
  • andrewcrook

    (@andrewcrook)

    11 years, 11 months ago

    Hi jcpacelli

    Can you pleas provide a link to the site?

    It shouldn’t be too difficult to get the result you want, but without seeing the code, I won’t be able to tell you what to change.

    Thread Starter jcpacelli

    (@jcpacelli)

    11 years, 11 months ago

    It’s only in alpha stages lol. I disabled my coming soon plugin

    http://www.revrepublic.co

    andrewcrook

    (@andrewcrook)

    11 years, 11 months ago

    It’s looking great, jcpacelli.

    The code you want to change/add is:

    #header {
background-color: transparent;
}

    If you’re editing the theme stylesheet directly, then you’ll know where to change this. Ideally, you should make changes in the custom css settings for your theme (if provided) or use a plugin – such as the Custom CSS (htp://wordpress.org/plugins/jetpack/) module in Jetpack or Simple Custom CSS (http://wordpress.org/plugins/simple-custom-css/).

    Good luck.

    Thread Starter jcpacelli

    (@jcpacelli)

    11 years, 11 months ago

    Thank you for the quick response. That code, unfortunately, has no effect on the header background. I have Simple Custom CSS installed.

    andrewcrook

    (@andrewcrook)

    11 years, 11 months ago

    You’re right. It looks like there’s another piece of css somewhere that’s being defined AFTER the rules set in Simple Custom CSS. It’s therefor overruling the rules you set. To make sure your code sticks, change it to:

    #header {
background-color: transparent !important;
}

    Thread Starter jcpacelli

    (@jcpacelli)

    11 years, 11 months ago

    Awesome! Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Header Background’ is closed to new replies.