Header Customization

  • jcoillard


    Hi Syahir,

    Wondering if you (or anyone else who is browsing the forum) could point me in the right direction on this.

    I have installed the Cimy Header Image Rotator to replace the main header. I did this by choosing no header in Appearance>Header and then adding the code from the plug-in to the header.php file. I then saved the header.php file to my child theme (re-done the correct way yesterday – thank you).

    Everything is running well except that the Cimy rotator seems to be pushing the navigation down and creating a gap at the top of the rotating images.

    I’m sure this is a simple fix – I just can’t seem to pin-point it!

    Here is the link to the site: http://www.rodhethrows.com

    Here is a portion of the php file, where I added the Cimy code (I trust you know what the rest of it looks like):

    // Gets the colour for header texts, or if we should display them at all
    if ('blank' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || '' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR))
    $style = ' style="display:none;"';
    $style = ' style="color:#' . get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) . ';"';

    <div id="header" style="background-image:url(<?php echo $header_img; ?>);">
    <?php if ($graphene_settings['link_header_img']) : ?>
    <a>" id="header_img_link" title="<?php esc_attr_e('Go back to the front page', 'graphene'); ?>"> </a>
    <?php endif; ?>

    <?php /* Header widget area */
    if ($graphene_settings['enable_header_widget'] && is_active_sidebar('header-widget-area')) {

    <h1 <?php echo $style; ?> class="header_title"><a> href="<?php echo home_url(); ?>" title="<?php esc_attr_e('Go back to the front page', 'graphene'); ?>"><?php bloginfo('name'); ?></a></h1>
    <h2 <?php echo $style; ?> class="header_desc"><?php bloginfo('description'); ?></h2>
    <?php do_action('graphene_header'); ?>

    <!--BEGIN Cimy Rotator -->

    <div id="cimy_div_id">Loading images...</div>
    <style type="text/css">
    #cimy_div_id {
    float: left;
    margin: 1em auto;
    border: 0px solid #000000;
    width: 960px;
    height: 198px;
    <div id="cimy_div_id_nojs">
    <img src="http://www.rodhethrows.com/wp-content/Cimy_Header_Images/heading_banner_glove_960.jpg" alt="" />

    <!--END Cimy Rotator -->

    <div id="nav">
    <?php /* The navigation menu */ ?>

    Thanks in advance!


    Syahir Hakim


    This part:

    #cimy_div_id {
    float: left;
    margin: 1em auto;
    border: 0px solid #000000;
    width: 960px;
    height: 198px;

    Change the margin to 0 auto;

    Also, next time please wrap codes in backticks (`).

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

  • You must be logged in to reply to this topic.