WordPress.org

Support

Support » How-To and Troubleshooting » Change Orange to Blue Colour

Change Orange to Blue Colour

Viewing 15 replies - 1 through 15 (of 23 total)
  • esmi

    @esmi

    Forum Moderator

    A screenshot is of no use. What might help is a link to a page demonstrating the problem and a reasonably detailed description of the issue.

    tq for reply post..

    please refer http://mathslabfx.com/

    you can see the on the right side bar…there is some Orange Color for the categories, Cardoba and Meta Section link..

    so the colour of it i like to change..

    esmi

    @esmi

    Forum Moderator

    style.css (line 72):

    #sidebar a, #sidebar a:link, #sidebar a:visited {
    border-bottom:1px solid #FFFFFF;
    color:#C54E0B;
    }

    Change the color value.

    hai esmi…

    tq for your post…

    i already change the color:#C54E0B; to color:#0000FF;

    but nothing happen….

    so i change all the following as below which also have the code #C54E0B to #0000FF but also not happen…

    1.
    #sidebar a, #sidebar a:link, #sidebar a:visited {
    border-bottom:1px solid #FFFFFF;
    color:#C54E0B;
    }

    2.

    #sidebar a:focus, #sidebar a:hover, #sidebar a:active { border-bottom-color: #C54E0B; color: #111; }

    3.

    #sidebar .sb-tools a, #sidebar .sb-tools a:link, #sidebar .sb-tools a:visited { border: 0 none; color: #C54E0B; }

    4.
    .sb-tools a:hover span { color: #C54E0B; }

    so what should i do…

    esmi, i also like to change the green stripe on the header to the blue colour…so where should i change it??

    tq for your help and time

    nik

    esmi

    @esmi

    Forum Moderator

    I still see:

    #sidebar a, #sidebar a:link, #sidebar a:visited {
    border-bottom:1px solid #FFFFFF;
    color:#C54E0B;
    }

    on your site.

    The green stripe is an image:

    ul#menu {
    background:url("img/navigation.png") repeat-x left top #89CB11;
    display:block;
    height:41px;
    padding:0 28px 0 18px;
    width:939px;
    }

    dear esmi
    below is the code inside my template
    #sidebar a, #sidebar a:link, #sidebar a:visited { border-bottom: 1px solid #fff; color: #C54E0B; }

    so i have change it to below
    #sidebar a, #sidebar a:link, #sidebar a:visited { border-bottom: 1px solid #fff; color: #3399FF; }

    look it happen now..

    but i will come back about the green stripe next…

    any way tq vary much esmi

    dear all

    how to change the orange colur for the arrow in the attached picture below:

    http://img245.imageshack.us/f/changecolourofcardobaar.jpg/

    nik
    http://mathslabfx.com/

    Michael

    @alchymyth

    Forum Moderator

    you need to ‘photoshop’ the following image from the /img folder of your theme

    img/next-prev-sprite.png

    tq alchymyth….

    so how about to change Subscribe Orange color to Blue as attached picture.

    http://img203.imageshack.us/f/changecolourofcardobasu.jpg/

    nik
    http://mathslabfx.com/

    Michael

    @alchymyth

    Forum Moderator

    style.css, quite far down towards the end:

    .sb-tools a span {
      color: #86180A;
      display: block;
      font-size: 12px;
      padding-bottom: 3px;
      text-transform: uppercase;
    }
    
    .sb-tools a:hover span { color: #3D81AD; }

    tq for your quick post..sure i will change it…

    Q1
    the have two section of comment..please refer attached picture below
    http://img508.imageshack.us/f/changecomentsectionofca.jpg/

    let say i want to maintain the top one( which i mark in the above picture)…what should i do??

    Q2
    they have Post Category Section (please refer attached picture) whick i mark with the blue one and i need to delate it?? which code should i delate??

    nik
    http://mathslabfx.com/

    Michael

    @alchymyth

    Forum Moderator

    q1+q2:

    edit index.php of your theme:

    if you want to delete the ‘posted in’ line and the lower of the ‘comments’ texts:

    remove the following code from index.php:

    <div class="postmetadata clearfix">
              <p class="commentslink alignright">
                <a href="<?php comments_link(); ?>" rel="nofollow"><?php comments_number( __( 'No comments', 'default' ), __( '1 comment', 'default' ), __( '% comments', 'default' )); ?> »</a>
              </p>
    				  <p class="categories">
                <?php _e('Posted in ', 'default' ); the_category(', '); ?>
              </p>
    				  <?php the_tags('<p class="tags">Tags: ', ' ', '</p>'); ?>
            </div>

    tq very much alchymyth and esmi for your help…

    very sorry because i still have some problem on color which i plan to change it as below

    Q1
    you can see at the attached link as below…
    http://img714.imageshack.us/f/changecolourhomecontent.jpg/

    i already mark with red color which mean when i put the courser, the blue color change to Orange. in the normal condition ( without put the cursor at Home , content, RSS, Site Admin, Log Out, WordPress , Green Park 2 by Cordobo and Back to Top section) all the section which i stated before will look blue in color.so i like to need your help in order to change all this to blue in color although we put the cursor on it??/

    Q2
    the following part also need to change color to blue when i put the courser. it is Categories and Subscribe section, which is currently have the blue colur and change to black colour when u put the cursor there.please refer the following link and i already marked it with red color for the problem.
    http://img837.imageshack.us/f/changecolourbackgroundo.jpg/

    tq very much for your help

    nik
    http://mathslabfx.com/

    Michael

    @alchymyth

    Forum Moderator

    q1
    near the start of style.css:

    a:focus, a:hover, a:active { color: #86180A; }

    http://www.w3schools.com/CSS/css_pseudo_classes.asp

    q2

    #sidebar a:focus, #sidebar a:hover, #sidebar a:active { border-bottom-color: #3D81AD; color: #111; }
    and
    #sidebar .sb-tools a:active, #sidebar .sb-tools a:focus, #sidebar .sb-tools a:hover { border: 0 none; color: #000; }

    tq for your quick reply

    they have two section of comment..please refer attached picture below
    http://img80.imageshack.us/f/changecomentsectionofca.jpg/

    let say i want to maintain the top one( which i mark in the above picture)…what should i do??

    but i want maintain the Post Category Section (please refer attached picture also)

    tq very much for your help & time

    nik
    http://mathslabfx.com/

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Change Orange to Blue Colour’ is closed to new replies.
Skip to toolbar