WordPress.org

Support

Support » Themes and Templates » [Resolved] Hiding an element not in "style.css"

[Resolved] Hiding an element not in "style.css"

  • Hello,

    The website the rest of this post refers to is this.

    The CSS file (style.css) I use is this:
    http://pastebin.com/JaEZmQRg

    I was playing with my website’s CSS in order to edit the color scheme to my liking. I’ve noticed that the Header did not coincide with the site’s background, so I decided to make it transparent. Of course, making the background of the image transparent did not really help me achieve what I was trying to do.
    It’s worth noting at this point that I’m running Mozilla Firefox 4.0, and I happen to have an add-on installed called Firebug. This allows you to see the structure of a page in HTML, along with all the scripts and Style Sheets related or linked to it. You can also edit that HTML to manipulate the client side of the website.
    So, as I’ve done this editing quite a few times, I knew that the part behind the header was just an HTML Table, or something similar. Since I know that I couldn’t just remove it from the HTML, as pages like the main one are generated using PHP, so I saw that the only thing that can be done, was remove the color from that table. I opened firebug, identified the element, saw the associated CSS and replaced the color with “Transparent”.
    Image 1
    I saw however, that the setting for this was nowhere to be found. Even more strange is that the properties of the header and the table behind it are magically added into every page by probably some PHP script.
    Image 2
    I first scanned through the PHP and CSS adjustable files of my theme, MT Dark (Found here). I then tried to add the following myself to the code below the existing #header tag:

    background:#150A04
    	url(http://mfwcp.com/wp-content/uploads/2011/05/transparent-header-3.png) no-repeat top right ;
    	width: 960px;
    	height: 176px;

    Still nothing. I accessed the FTP server all of the WordPress.org files are located, and did a search, but the code I’d seen on firebug was not included in any CSS file.
    I’m starting to grow tired of this. If anyone knows how to get past this, please let me know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    @esmi

    Forum Moderator

    the properties of the header and the table behind it are magically added into every page by probably some PHP script.

    Try looking in your theme’s functions.php file. The CSS will be added to the HEAD of pages as part of the Custom Header option.

    Thank you for specifying the exact PHP file. You have saved me a lot of time, trouble and frustration.

    esmi

    @esmi

    Forum Moderator

    No problem 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Hiding an element not in "style.css"’ is closed to new replies.