How to customize header

  • Resolved Vipul Behl

    (@vipulbehl94)


    12 years, 1 month ago

    I am trying to customize my header, i have already read many threads but still haven’t found an answer.
    I want to change the font and the padding of the header \
    my site’s link is

    I tried the style.css file but i couldn’t find any #header in it my style.css code is as follows:

    */
/* EXTERNAL IMPORTS GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|PT+Sans+Narrow);

/* LOCAL IMPORTS */
@import url(media/css/my/reset.css);
@import url(media/css/my/block.css);

@import url(media/css/settings.css);
@import url(media/css/button.css);
@import url(media/css/icons.css);
@import url(media/css/widget.css);

@import url(media/css/blog.css);

@import url(media/css/comments.css);
@import url(media/css/forms.css);
@import url(media/css/main.css);
@import url(media/css/under-construction.css);

/* WORDPRESS */
.alignleft{
    float:left;
    margin:0px 25px 14px 0px;
}
.alignright{
    float:right;
    margin:0px 0px 14px 25px;
}
.aligncenter{
    clear:both;
    display: block;
    margin-left:auto !important;
    margin-right:auto !important;
	text-align: center;
	margin-bottom:15px;
}

.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor{}

.sticky{
    background: #fafcf6;
    max-width: 99%;
    min-width: 220px;
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 10px 0px;
    border-color: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
    border-width: 1px;
    border-style: solid;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px;
    visibility: visible;
}

/* MY THEMES CLASSES */
.no-margin-top{
    margin-top: 0px !important;
}
.no-margin-bottom{
    margin-top: 0px !important;
}

    I looked up in header.php but i wasn’t able to figure out anything the header.php code is :

    <!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head>
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/>
        <title><?php wp_title( '|', true, 'right' ); ?></title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <?php myThemes::favicon(); ?>
        <?php wp_head(); ?>
    </head>

    <body <?php body_class( ); ?>>

        <?php
            if( is_home() || is_front_page() ){
                if( myThemes::get( 'use-under-construction' ) ){
                    get_template_part( 'cfg/templates/view/under-construction' );
                    exit();
                }
            }
        ?>

        <header>

            <div class="line">
                <div class="temp medium aside to-left">
                    <hgroup>

                        <?php if( myThemes::get( 'logo' ) ) { ?>
                            <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); echo '-'; bloginfo('description'); ?>">
                                <img src="<?php echo myThemes::get( 'logo' ); ?>" alt="<?php bloginfo('name'); echo '-'; bloginfo('description'); ?>"/>
                            </a>
                        <?php }else { ?>

                            <?php if( is_home() || is_front_page() ) { ?>
                                <h1><a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); echo '-'; bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h1>
                            <?php }else{ ?>
                                <h2><a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); echo '-'; bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h2>
                            <?php } ?>
                            <p><a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); echo '-'; bloginfo('description'); ?>"><?php bloginfo('description'); ?></a></p>

                        <?php } ?>
                    </hgroup>
                </div>

                <div class="clear"></div>

            </div>

    </header>

    Please help me out
    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • caefavsvs

    (@awa4000)

    12 years, 1 month ago

    To change the font-family for you h1 in the header:
    your headers are styled by the CSS file at themes/my-wooden-under-construction/media/css/setting.css

    To change the header padding:
    the file ../media/css/main.css is styling the <header> element.

    Thread Starter Vipul Behl

    (@vipulbehl94)

    12 years, 1 month ago

    Thanks a lot I was able to change the styling of the header.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to customize header’ is closed to new replies.