How to change colours on website

  • intro200

    (@intro200)


    13 years ago

    Hi

    I am using CLEAR STYLE with a custom header but would like to alter the following items. I have been through the style.css page several times but cannot seem to get the changes I want –

    1. The buttons at the top of the page are black until you select them and they then become brown with pink lettering. I would like to change the black to pink with brown lettering.

    2. Under the header is a grey box with the page title in it. I would like to change the colour of that box and also the colour of the lettering in it. Also, how do I delete the little date box on the right hand side of that box.

    3. How do I remove the comments section at the bottom of the page.

    I would be very grateful for any help on this.

    Thanks
    Jacqui

Viewing 2 replies - 1 through 2 (of 2 total)
  • mebox

    (@mebox)

    @intro200,

    All you have to do is editing the main CSS ( CASCADE STYLE SHEET ) file of your theme . The location of the CSS file differs from theme to theme . Most of the times it’s in the theme directory named as ‘ style.css ‘ .

    Just open the file using your favorite code editor ( mine is Dreamweaver CS5 ) and , there you will see all the styles are included . So then you will have to go through the CSS file and find where the HEADER information/ HEADER styles are defined . Then you can see the colour ( RGB code ) is stated there . You need to change them as you want . Lets say you want to make the colour in to WHITE , you have to change the current colour code to WHITE COLOUR’s RGB code as #ffffff . In this way you can change the colours / roll over colours of the top menu or any of the website .
    ( please note, if it’s a complected commercial theme, there may be more than one CSS file . but as i feel in your theme there should be only one CSS file . so just keep that in mind )

    Removing comments section –

    You have stated the comments section is at the bottom of the page . So what you have to do is to remove the CODE which call comments section to the bottom .

    Normally in any theme, the bottom section is written in index.php file or footer.php file . First open the footer.php and find the related . If it’s not there, check the index.php .

    After finding the div written for ‘comments’ you can simply delete that part of the code . then the site will not load that comments .
    ( I can’t exactly say which line is to be removed since I don’t know which theme you’re using . I suggest you to copy and paste the entire code of footer.php and index.php separately here then we can see the code and tell you exactly which part to be removed . But please make sure to tell us the names of the .php files and directories inside your theme folder . ex. header.php / index.php / footer.php / images folder / etc )

    Thanks,
    Mebox .

    Thread Starter intro200

    (@intro200)

    Thank you for your reply.

    I tried to copy the css file into Front Page but just got a load of words. Do I download it from FileZilla (from the theme file)to my desktop? and then load it into Front Page?

    HERE IS THE FOOTER.PHP

    </div>
    <?php
    if (is_active_sidebar(‘first-footer-widget-area’) ||
    is_active_sidebar(‘second-footer-widget-area’) ||
    is_active_sidebar(‘third-footer-widget-area’) ||
    is_active_sidebar(‘fourth-footer-widget-area’)
    ) {
    ?>
    <div id=”footer” role=”contentinfo”>
    <div id=”colophon”>
    <?php
    get_sidebar(‘footer’);
    ?>
    </div>
    <table id=”clearstyle-subfooter”><tr>
    <td id=”clearstyle-subfooter-left”>© <?php echo date(‘Y’); ?> ” title=”<?php echo esc_attr(get_bloginfo(‘name’, ‘display’)); ?>” rel=”home”><?php bloginfo(‘name’); ?></td>
    <td id=”clearstyle-subfooter-right”>Powered by WordPress  |  Theme creation by paomedia</td>
    </tr></table>
    </div>
    <?php } ?>
    </div>
    <?php
    wp_footer();
    ?>
    </body>
    </html>

    MAIN INDEX PHP (index.php)

    <?php get_header(); ?>
    <div id=”container”>
    <div id=”content” role=”main”>
    <?php
    get_template_part(‘loop’, ‘index’);
    ?>
    </div>
    </div>
    <?php get_footer(); ?>

    COMMENTS.PHP

    <div class=”clearstyle-b-container”>
    <div id=”comments”>
    <?php if (post_password_required ()) : ?>
    <p class=”nopassword”><?php _e(‘This post is password protected. Enter the password to view any comments.’, ‘clearstyle’); ?></p>
    </div><!– #comments –>
    <?php
    return;
    endif;
    ?>

    <?php if (have_comments ()) : ?>
    <h3 id=”comments-title”><?php
    printf(_n(‘One Response to %2$s’, ‘%1$s Responses to %2$s’, get_comments_number(), ‘clearstyle’),
    number_format_i18n(get_comments_number()), ‘‘ . get_the_title() . ‘‘);
    ?></h3>

    <?php if (get_comment_pages_count() > 1 && get_option(‘page_comments’)) : ?>
    <div class=”navigation”>
    <div class=”nav-previous”><?php previous_comments_link(__(‘<span class=”meta-nav”>←</span> Older Comments’, ‘clearstyle’)); ?></div>
    <div class=”nav-next”><?php next_comments_link(__(‘Newer Comments <span class=”meta-nav”>→</span>’, ‘clearstyle’)); ?></div>
    </div>
    <?php endif; ?>

    <ol class=”commentlist”>
    <?php
    wp_list_comments(array(‘callback’ => ‘clearstyle_comment’));
    ?>

    <?php if (get_comment_pages_count() > 1 && get_option(‘page_comments’)) : ?>
    <div class=”navigation”>
    <div class=”nav-previous”><?php previous_comments_link(__(‘<span class=”meta-nav”>←</span> Older Comments’, ‘clearstyle’)); ?></div>
    <div class=”nav-next”><?php next_comments_link(__(‘Newer Comments <span class=”meta-nav”>→</span>’, ‘clearstyle’)); ?></div>
    </div>
    <?php
    endif;
    else :
    if (!comments_open()) :
    ?>
    <p class=”nocomments”><?php _e(‘Comments are closed.’, ‘clearstyle’); ?></p>
    <?php
    endif;
    endif;
    comment_form();
    ?>

    </div>
    </div>

    Again, thank you for the help. I am very grateful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change colours on website’ is closed to new replies.