Modifying Heading in Uptown Style

  • I am trying to modify the header in my website.
    I tried several plugins and code changes myself to the theme to no avail.
    It always show my message above the site title as if their are 2 completely different headers stacked on top of each other.

    If you look at the website header, the site title and a blurb shows my concept underneath it.

    Basically trying to add a short message with my phone number to the bottom right of header. Never thought it would be so difficult for an out of the box solution.

    Any suggestions?

    The page I need help with: [log in to see the link]

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

  • Hi,

    Which files exactly are you trying to edit when making code changes?

    Having had a look at the theme you would need to change your header.php file and then update your style.css file to align your added code to the right.

    Thread Starter thresholdjlt

    (@thresholdjlt)

    Those are the files that I am trying to modify.

    Send me the code you have at the moment so that I can see what you have tried…

    Thread Starter thresholdjlt

    (@thresholdjlt)

    Sorry it took so long to get back.

    Here is what I added in my functions.php

    // JLT Code Begin

    function wpb_widgets_init() {

    register_sidebar( array(
    ‘name’ => ‘Custom Header Widget Area’,
    ‘id’ => ‘custom-header-widget’,
    ‘before_widget’ => ‘<div class=”chw-widget”>’,
    ‘after_widget’ => ‘</div>’,
    ‘before_title’ => ‘<h2 class=”chw-title”>’,
    ‘after_title’ => ‘</h2>’,
    ) );

    }
    add_action( ‘widgets_init’, ‘wpb_widgets_init’ );

    // JLT Code End

    Here is what is in the header.php
    This code occurs after the primer_action()

    <?php

    /* JLT code begin
    * For displaying Custom Header Sidebar Widget
    */

    if ( is_active_sidebar( ‘custom-header-widget’ ) ) : ?>
    <div id=”header-widget-area” class=”chw-widget-area widget-area” role=”complementary”>
    <?php dynamic_sidebar( ‘custom-header-widget’ ); ?>
    </div>

    <?php endif; ?>

    This is what is in the additional css, which is added via customize in WordPress.
    div#header-widget-area {

    text-align: right;

    }
    h2.chw-title {
    margin-top: 0px;
    text-align: left;
    text-transform: uppercase;
    font-family: lato;
    font-size: small;
    width: 130px;
    padding: 5px;
    }

    I know this css is not right, but I have tried several other css statements that don’t seem to get me there either.

    Like inline block or align bottom, things like that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Modifying Heading in Uptown Style’ is closed to new replies.