WordPress.org

Ready to get started?Download WordPress

Forums

Increase header height limit in Cover-WP theme? (7 posts)

  1. gamebynight
    Member
    Posted 3 years ago #

    Site: Rift Watchers
    Theme: Cover-WP, latest version

    Hello,

    At the site above, I have a theme I'm in love with but I'd like to make the top banner a little thicker. I'm unfamiliar with coding and couldn't find anything in my searching. There's a limit of 95px and I'd like to make it around 120px. Can anyone tell me what I'd need to look for/change in the editor to do so?

    Thank you!

    Chris

  2. gamebynight
    Member
    Posted 3 years ago #

    Hi, I looked into this thread and used the advice therein, but the theme doesn't have the same tags. My style.css file has this regarding the header:

    ============================================================
    #wrapper
    {
    background:#ffffff;
    width:974px;
    margin:0 auto;
    position:relative;
    }

    #header
    {
    background:#505050;
    font-family:Verdana, Geneva, "DejaVu Sans", sans-serif;
    display:block;
    }

    #headerwidget
    {
    float:right;
    width:468px;
    height:60px;
    margin:18px 54px 0 0;
    overflow:hidden;
    }

    .hitem
    {
    background:#FFFFFF;
    }

    #headerwidget .widget h3
    {
    margin-top:0;
    ====================================

    Firebug pulls html that makes the size very apparent but I'm not sure how to get at it since it's not in the style file. Am I missing something?

  3. govpatel
    Member
    Posted 3 years ago #

    You will have remake the image
    http://www.riftwatchers.com/wp-content/uploads/2010/12/rwbanner.jpg

    to 120 wide and upload it and change
    in style.css

    #header, #headimg {
    background:transparent url(http://www.riftwatchers.com/wp-content/uploads/2010/12/rwbanner.jpg) repeat scroll 0 0;
    height:95px;
    width:974px;

  4. gamebynight
    Member
    Posted 3 years ago #

    Hi Govpatel and thanks for responding. I found those lines using the Firebug plug-in for Firefox, but strangely enough, the style.css doesn't contain any #headimg tag. The information I pasted above is literally all that is included in the style file regarding the header. With nothing calling on height, I'm really at a loss.

  5. govpatel
    Member
    Posted 3 years ago #

    That is because your header image controlled in functions.php

    You can change it here but remember that if you update the theme in any way it will go back to 95

    // Custom Header

    define('HEADER_TEXTCOLOR', 'eaeaea');
    define('HEADER_IMAGE', '%s/images/header.png'); // %s is theme dir uri
    define('HEADER_IMAGE_WIDTH', 974);
    define('HEADER_IMAGE_HEIGHT', 95);
    //define( 'NO_HEADER_TEXT', true );

    and you will have upload the image exact size in custom header other wise it will cropped.

  6. Michael
    Member
    Posted 3 years ago #

    Your headimg tag looks like it may be an inline css code that you will need to change in the HTML, possibly found in the header.php file.

    Michael

  7. govpatel
    Member
    Posted 3 years ago #

    You might have been in cache that is why you could not see the change press Ctrl+F5 to refresh next time to hard refresh.

Topic Closed

This topic has been closed to new replies.

About this Topic