WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Hiding an element not in "style.css" (4 posts)

  1. PlotCitizen
    Member
    Posted 3 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    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.

  3. PlotCitizen
    Member
    Posted 3 years ago #

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

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    No problem :-)

Topic Closed

This topic has been closed to new replies.

About this Topic