Forum Replies Created

Viewing 2 replies - 16 through 17 (of 17 total)
  • Thread Starter fuxiadmin

    (@fuxiadmin)

    Hi

    I was hoping people on here could help me change the headers on different pages, as well as the header colours (via image) on the widgets on my home page.

    I’ve managed to use the <body <?php body_class(); ?>> code to change the background on different ‘singles’ (posts). Below is where the code is sitting in my header.php

    <?php wp_head(); ?>
    
    </head>
    <body <?php if (function_exists('body_class')) body_class(); ?>>
    
    <?php if($comfy['loptions'] == true) : ?>
    <div class="layout_options">
    <p><?php print RESET_LAYOUT; ?></p>
    <a href="#resetLayout" id="reset"><?php print RESET; ?></a>
    </div>
    <?php endif; ?>
    
    <div id="wrapper">
    
    <?php include TEMPLATEPATH. '/widgets/header.html'; ?>
    <?php include TEMPLATEPATH. '/widgets/menu.html'; ?>

    And I’ve changed the backgrounds by putting this in my layout.css file.

    body {
    width: 100%;
    background: #dfdfde url(img/bk_borders.png) repeat-y center;
    text-align: center;
    }
    
    body.page {
    background: #dfdfde url(img/bk_borders.png) top center repeat-y;
    }
    
    body.single {
    background: #eae3d4 url(img/bk_borders_single.png) top center repeat-y;

    However, I’m finidng it harder to change the header graphic. Do I put the different header types in the header.css file or do I use the layout.css again? Below is what I have in the header.css;

    #header {
    width: 1000px;
    height: 136px;
    overflow: hidden;
    background: url(img/b_top.png) no-repeat bottom;
    position: relative;
    
    }

    Also, I’d like to change all the graphics on each of my homepage widgets, https://www.fuximagazine.com Does anybody know what I do for that? Below is the css code for them;

    .cat-widget {
    margin: 15px 0 0 0;
    }
    
    .cat-widget h3 {
    position: relative;
    display: block;
    width: 292px;
    height: 35px;
    padding-left: 32px;
    line-height: 35px;
    background: url(img/widget_header.png) no-repeat;
    }
    
    .cat-widget h3 a {color: #fff}
    .cat-widget h3 a:hover {color: #666}
    
    .cat-widget h4 {
    position: relative;
    display: block;
    height: 30px;
    padding-left: 10px;
    margin-right: 1px;
    line-height: 30px;
    border-top: 1px solid #666633;
    border-bottom: 1px solid #666633;
    }
    
    .cat-widget .container {
    width: 324px;
    background: url(img/widget_body.png) repeat-y;
    }
    
    .cat-widget .footer {
    display: block;
    width: 324px;
    height: 12px;
    background: url(img/widget_footer.png) no-repeat;
    overflow: hidden;
    }

    Would appreciate any help. Thanks.

    Site – https://www.fuximagazine.com

    Thread Starter fuxiadmin

    (@fuxiadmin)

Viewing 2 replies - 16 through 17 (of 17 total)