WordPress.org

Ready to get started?Download WordPress

Forums

Change Orange to Blue Colour (24 posts)

  1. niktabah
    Member
    Posted 3 years ago #

    i'm happy if some one can guide me on how to change the color on the side bar as below (circle part)
    http://img207.imageshack.us/f/changecolourofcardoba.jpg/

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    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.

  3. niktabah
    Member
    Posted 3 years ago #

    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..

  4. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    style.css (line 72):

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

    Change the color value.

  5. niktabah
    Member
    Posted 3 years ago #

    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

  6. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    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;
    }
  7. niktabah
    Member
    Posted 3 years ago #

    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

  8. niktabah
    Member
    Posted 3 years ago #

    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/

  9. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

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

    img/next-prev-sprite.png

  10. niktabah
    Member
    Posted 3 years ago #

    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/

  11. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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; }
  12. niktabah
    Member
    Posted 3 years ago #

    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/

  13. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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>
  14. niktabah
    Member
    Posted 3 years ago #

    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/

  15. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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; }

  16. niktabah
    Member
    Posted 3 years ago #

    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/

  17. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    changed your mind?

    from the code snippet from index.php, which i already posted:

    <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>

    only delete this part:

    <p class="commentslink alignright">
                <a href="<?php comments_link(); ?>" rel="nofollow"><?php comments_number( __( 'No comments', 'default' ), __( '1 comment', 'default' ), __( '% comments', 'default' )); ?> »</a>
              </p>
  18. niktabah
    Member
    Posted 3 years ago #

    haha yap..i change my mind

    i will try..

    tq very much

  19. niktabah
    Member
    Posted 3 years ago #

    tq very much alchymyth and esmi for your help...

  20. niktabah
    Member
    Posted 3 years ago #

    how to change the post title
    http://img146.imageshack.us/f/changecolourposttitle.jpg/
    and
    Site title
    http://img413.imageshack.us/f/changecoloursitetitle.jpg/

    to become blue color when we point the courser on it only

    currently it in green in color

    tq very much for your help & time

    nik
    http://mathslabfx.com/

  21. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    site title and post title:

    h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; }

  22. niktabah
    Member
    Posted 3 years ago #

    it under
    Stylesheet (style.css)

  23. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    yes, as always and if not mentioned otherwise, all posted styles are in style.css of the theme, and should be edited there.

  24. niktabah
    Member
    Posted 3 years ago #

    tq very much alchymyth and esmi for your help...

Topic Closed

This topic has been closed to new replies.

About this Topic