• Hello,

    I am new to this and I want to change the color of my menu and footer from black to teal. I know the hex color value that I need to insert is #009999 but I can’t figure out where or how to do this. The theme is “The Church” from Crunchpress. I have been trying for days and nothing has worked! Please help! I will post a link to the page at the bottom.
    Bellow is the site’s stylesheet
    `<?php
    /*
    * CrunchPress Custom Style File (style-custom.php)
    * ———————————————————————
    * This file fetch all style options in admin panel to generate the css
    * to attach to header.php file
    * ———————————————————————
    */

    header(‘Content-type: text/css;’);

    $current_url = dirname(__FILE__);
    $wp_content_pos = strpos($current_url, ‘wp-content’);
    $wp_content = substr($current_url, 0, $wp_content_pos);

    require_once $wp_content . ‘wp-load.php’;

    ?>

    /* Background
    —————————————————————— */
    <?php $color_scheme = get_option(THEME_NAME_S.’_color_scheme’,’color_scheme_1′);
    $background_style = get_option(THEME_NAME_S.’_background_style’,’Pattern’);
    if($background_style == ‘Default’){ ?>
    html{
    background-image: url(‘<?php echo CP_PATH_URL. ‘/stylesheet/’.$color_scheme?>/images/bg-body.gif’); ?>
    background-repeat: repeat;
    }

    <?php
    $background_style = get_option(THEME_NAME_S.’_background_style’,’Pattern’);
    }elseif($background_style == ‘Custom Image’){
    $background_id = get_option(THEME_NAME_S.’_background_custom’);
    if(!empty($background_id)){
    $background_image = wp_get_attachment_image_src( $background_id, ‘full’ );
    echo ‘ html{ background: url(“‘.$background_image[0] . ‘”)};’;
    }
    }
    else if($background_style == ‘Pattern’){
    $background_pattern = get_option(THEME_NAME_S.’_background_pattern’,’1′);
    ?>
    html{
    background-image: url(‘<?php echo CP_PATH_URL; ?>/images/pattern/pattern-<?php echo $background_pattern; ?>.png’);
    background-repeat: repeat;
    }

    <?php
    }
    ?>

    /* RTL funtion
    —————————————————————— */

    <?php $rtl = get_option ( THEME_NAME_S . ‘_rtl’, ‘disable’ ); ?>

    <?php if ($rtl== “enable”) { ?>

    body {
    text-align:right;
    }
    .post-comments-top {
    float:left !important;
    }

    <?php }?>

    body {
    text-align:<?php echo $rtl?>;
    }

    /* Font Size
    —————————————————————— */
    body{
    font-size: <?php echo get_option(THEME_NAME_S.’_content_size’, ’12’); ?>px;
    }
    h1{
    font-size: <?php echo get_option(THEME_NAME_S.’_h1_size’, ’30’); ?>px;
    }
    h2{
    font-size: <?php echo get_option(THEME_NAME_S.’_h2_size’, ’25’); ?>px;
    }
    h3{
    font-size: <?php echo get_option(THEME_NAME_S.’_h3_size’, ’20’); ?>px;
    }
    h4{
    font-size: <?php echo get_option(THEME_NAME_S.’_h4_size’, ’18’); ?>px;
    }
    h5{
    font-size: <?php echo get_option(THEME_NAME_S.’_h5_size’, ’16’); ?>px;
    }
    h6{
    font-size: <?php echo get_option(THEME_NAME_S.’_h6_size’, ’15’); ?>px;
    }

    /* Element Color
    —————————————————————— */
    <div style=”background-color:#0fb7b8″>
    Div content here</div>
    }

    /* Font Family
    —————————————————————— */
    body{
    font-family: <?php echo substr(get_option(‘cp_content_font’), 2); ?>;
    }

    h1, h2, h3, h4, h5, h6, .cp-title{
    font-family: <?php echo substr(get_option(‘cp_header_font’), 2); ?>;
    }

    #wp-calendar td, #wp-calendar th, .post h4, .tech-text, ul#nav, .box, .footer-tweet, .box h5, .right-heading span, .worship, .vies-calender, .news-heading, ul.pagination, .prayer-box, .posted, .prayer-heading, .prayer-heading span, .share-request, .blog-holder, .post-title, .blog-date, .title, .txt-widget, .txt-widget h4, .btn, .name, .map-view, .event-comment, .comment-post li, .blog-comments, .add-comment, .post-heading, .tags a, ul.tabs-content, div.comment-wrapper #reply-title, h3.accordion-header-title, div.blog-item-holder .blog-item2 .post-title, div.contact-form-wrapper ol li input, div.contact-form-wrapper textarea, .detail, .inner-heading, .event-slider-caption .left, .info-heading, .event-slider-button, #wp-calendar caption {
    font-family: <?php echo substr(get_option(‘cp_header_font’), 2); ?>;
    }

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: <?php echo substr(get_option(‘cp_content_font’), 2); ?>;
    }
    /* Font Color
    —————————————————————— */

    <?php $custom_style = get_option(THEME_NAME_S.’_custom_styling’); ?>

    <?php echo $custom_style ?>’

    Here is a link to the site Hope Valley Ranch

Viewing 1 replies (of 1 total)
  • You should create a Child theme to make your changes. If you do not, all of your changes will be lost if you update your theme.

    Try adding this to the end of your child theme’s style.css:

    div.header-wrapper {
        background: none repeat scroll 0 0 rgba(0, 153, 153, 0.8) !important;
    }
    .footer_bg {
        background: none repeat scroll 0 0 rgba(0, 153, 153, 0.8) !important;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Change Color of Menu and Footer’ is closed to new replies.