Support » Themes and Templates » Removing some code from Elegant Grunge

  • JJokocha


    Hi All,

    I am new to WordPress and I am impressed by how much one can do it with it in a little amount of time.

    I am trying to utilize the Elegant Grunge Template to create a small 6-page website. I have already managed to edit some stuff around in the css style sheet, but one problem I have not been able to solve:
    In the page.php file, there are a few lines including this one:

    <h2><?php the_title(); ?></h2>

    That causes the title of each page to show up in h2 format right where I want to start filling my page with custom content (the website body so to speak). If I simply remove that line, I get a black bar parallel to the header showing up. If I try to manipulate the h2 definition in the css sheet, the same happens.

    My question (bare in mind I am not an experience user – more a trial and error manipulation kind of guy): What can I do to eliminate ‘this feature’ from the Elegant Grunge template.

    Thanks so much for you help,

Viewing 4 replies - 1 through 4 (of 4 total)
  • aaronprill


    Hey JJ,

    I use Elegant themes a lot and thought I could help… Your idea of just removing that line if you don’t want the header showing up SHOULD work. However, I’m not sure of what “black bar” you are talking about…

    Here is the demo of a page in the GrungeMag theme (that is the theme you are talking about right)?

    Where exactly is the black bar? What browser are you viewing/using?




    Hi Aaron,

    thanks for your offer to help. Curently, the <h2><?php the_title(); ?></h2> line is removed from the template.php file.

    Please see here:

    I’m using Firefox 3.6.13 on a Mac, same issue with Safari 5.0.2.

    The line I am talking about is the black line right above ‘Einstein’ that is not present when the <h2><?php the_title(); ?></h2> is in the template.php file.

    Hope you have an idea,




    Oh ya, completely different theme than what I was talking about…

    Anyway, I was able to track down your issue using Firebug (in firefox)… Make the following CSS change and the black bar goes up behind the header out of sight:

    /* Header */
    #header-wrap {
    	background: url(images/header-repeat.jpg) repeat-x center top;
            height: 154px;

    The only change is the addition of the “height”… This is on or around line 115 of your CSS file.

    Hope that helps!




    That works like a charm!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing some code from Elegant Grunge’ is closed to new replies.