WordPress.org

Ready to get started?Download WordPress

Forums

Increase font on blog main header title (13 posts)

  1. tcb1973
    Member
    Posted 1 year ago #

    Hello,

    I am using Canyon theme and I want to make the title of my blog (not the individual post titles) bigger.

    I'm a novice at editing so would appreciate some guidance.

    I've added below the code from custom-header.php

    Can anyone help?
    thanks, Sam - http://www.maninhispyjamas.com

    '<?php
    $header_textcolor = get_header_textcolor();
    if( ( !empty( $header_textcolor ) && $header_textcolor != 'blank' ) ):
    $head_wrap_bg_class = ( get_header_image() )? 'head-wrap-bg' : '';
    ?>

    <div class="grid_12">
    <div id="head-wrap" class="<?php echo $head_wrap_bg_class; ?>">
    <div id="head-text">
    <span class="site-name">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></span>
    <span class="site-description"><?php bloginfo( 'description' ); ?></span>
    </div> <!-- end of #head-text -->
    </div> <!-- end of #head-wrap -->
    </div>
    <div class="clear"></div>

    <?php
    elseif( get_header_image() ):

    if ( function_exists( 'get_custom_header' ) ) {

    $header_image_width = get_custom_header()->width;
    $header_image_height = get_custom_header()->height;

    } else {

    $header_image_width = HEADER_IMAGE_WIDTH;
    $header_image_height = HEADER_IMAGE_HEIGHT;

    }
    ?>

    <div class="grid_12">
    <div id="head-wrap">
    <div id="head-image">
    " title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="<?php bloginfo( 'name' ); ?>" />
    </div> <!-- end of #logo -->
    </div> <!-- end of #head-wrap -->
    </div>
    <div class="clear"></div>

    <?php endif; ?>'

  2. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    Locate the following in your style CSS:

    #head-wrap #head-text .site-name a {
        color: #000000;
        font-size: 36px;
        font-weight: normal;
        line-height: 36px;
        text-decoration: none;
    }

    and change font-size: 36px to 46px or whatever size suits you.

  3. tcb1973
    Member
    Posted 1 year ago #

    hi,

    that code is not in the CSS?

  4. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    Use firebug + Firefox and use the Inspect Element tool to locate the CSS file. You do not find it possibly because you have more than one CSS file with your theme.

  5. tcb1973
    Member
    Posted 1 year ago #

    This is in the custom header?

    <?php
    $header_textcolor = get_header_textcolor();
    if( ( !empty( $header_textcolor ) && $header_textcolor != 'blank' ) ):
    $head_wrap_bg_class = ( get_header_image() )? 'head-wrap-bg' : '';
    ?>

    <div class="grid_12">
    <div id="head-wrap" class="<?php echo $head_wrap_bg_class; ?>">
    <div id="head-text">
    <span class="site-name">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></span>
    <span class="site-description"><?php bloginfo( 'description' ); ?></span>
    </div> <!-- end of #head-text -->
    </div> <!-- end of #head-wrap -->
    </div>
    <div class="clear"></div>

    <?php
    elseif( get_header_image() ):

    if ( function_exists( 'get_custom_header' ) ) {

    $header_image_width = get_custom_header()->width;
    $header_image_height = get_custom_header()->height;

    } else {

    $header_image_width = HEADER_IMAGE_WIDTH;
    $header_image_height = HEADER_IMAGE_HEIGHT;

    }
    ?>

    <div class="grid_12">
    <div id="head-wrap">
    <div id="head-image">
    " title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="<?php bloginfo( 'name' ); ?>" />

  6. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    Did you check what I suggested?

  7. tcb1973
    Member
    Posted 1 year ago #

    no * hangs head*

    wanted to see if the last thing I posted was relevant, before I downloaded more confusing stuff.

    I'll go do it now :)

  8. tcb1973
    Member
    Posted 1 year ago #

    Hey,

    Used firefox/firebug didn't find that exact code but found the relevant bit, played around with sizing etc. how do i save changes though? when I came out of firebug, it reverted?

    CHeers

    sam

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does that theme come with a plugin named, "Custom CSS Manager", "Custom CSS", "Custom Styles", or "Jetpack"?

  10. tcb1973
    Member
    Posted 1 year ago #

    i think you can install something called jetpack as a plugin

  11. tcb1973
    Member
    Posted 1 year ago #

    i think you can install something called jetpack as a plugin

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    To make CSS modifications, you should do so within Jetpack's Custom CSS section of the dashboard.

  13. tcb1973
    Member
    Posted 1 year ago #

    Sorted!

    made changes in firebug, tested it out live then copied altered text into CSS edit in Jetpack.

    All done

    Thanks for your help guys

    Sam

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.