saibhreas

Member

Forum Replies Created

  • In reply to: reducing size of header

    #26073

    My apologies for not saying thank you!

    And also for not expressing how much I think Graphene is a great template.!! !)

    In reply to: reducing size of header

    #26072

    Kenneth

    My code does include that.

    #header {
    height: 110px;
    }
    #header_img_link {
    display: block;
    position: absolute;
    text-decoration: none;
    width: 100%;
    height: 110px;
    }
    .header_title {
    font: bold 28px "Trebuchet MS";
    position: relative;
    top: 40px;
    }
    .header_desc {
    font-size: 18px;
    position: relative;
    top: 50px;
    width: 852px;
    }

    not sure why i needed to state #header specifically when I could not find that in the parent theme?

    In reply to: reducing size of header

    #26070

    My apologies, I am the one who posted code. I also figured out what was missing in my child theme style.css. I needed to add

    ‘ #header{height=110} ‘

    to get the results I needed. And I also do not know what backticks are.

    thanks for your help

    In reply to: reducing size of header

    #26064

    I want to do the same thing. I created a funchtions.php and make corrections to my child css to resize the header image. all looks good. Now how (what container needs to be changed)do I do to move the menu bar up to the bottom of the header image. The nav bar still starts at aproximately 200px down form the top…. how do i move the whole page up to meet the header image?

    child style.css

    @charset "utf-8";
    /* CSS Document */

    /*
    Theme Name: BRC Basic
    Description: Child Theme for Graphene 1.6
    Author: Saibhreas LLC
    Author URI: http://siobhanr.com/
    Template:graphene
    Version: 1.6.1
    */

    @import url("../graphene/style.css");
    /*should override post title color*/
    .post-title {color:#1d3e2c}
    .post-title a,
    .post-title a:visited {
    font: 22px arial;
    color: #1d3e2c;
    margin-top: -3px;
    }
    #header_img_link {
    display: block;
    position: absolute;
    text-decoration: none;
    width: 100%;
    height: 110px;
    }
    .header_title {
    font: bold 28px "Trebuchet MS";
    position: relative;
    top: 40px;
    }
    .header_desc {
    font-size: 18px;
    position: relative;
    top: 50px;
    width: 852px;
    }

    child functions.php
    <?php
    function graphene_custom_header_width(){
    return 960;
    }
    function graphene_custom_header_height(){
    return 110;
    }
    add_filter('graphene_header_image_width', 'graphene_custom_header_width');
    add_filter('graphene_header_image_height', 'graphene_custom_header_height');
    ?>

Viewing 4 posts - 1 through 4 (of 4 total)