Custom css for complete theme colour change

Discussion in 'Squirrel WordPress Theme' started by muppett1984, Jun 25, 2014.

  1. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Hi there,

    I want to change the theme color to one of my own, can you please give me the code to do it?

    Thank you.
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
  3. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    I am running wordpress from a local server and am unsure about what website name and username, password to enter into ftp? It all looks very confusing!!
     
  4. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Can i do it without using FTP, it's a bloody nightmare!!!
     
  5. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Right, i have managed to change some of the colours but green still remains. Can you please tell me how to change what's left as i can't find these anywhere in the green.css. Also, i need to change the colour of the text, can you please tell me how to do that?

    Thanks
    [​IMG]
     

    Attached Files:

  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    div.footer {
    background-color: red;
    color: black;
    }
    .footer a {
    color: black;
    }
    .footer ul li a {
    color: black;
    }
    div.bottom-footer {
    background-color: red;
    color: black;
    }
     
    In place of "red" and "black" you can put your color or color code.
    This will solve your issue.
     
  7. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Hi there, thanks for that but i actually wanted to keep the background colour. It was the green and yellow dotted line under contact details etc. and the other green line between the the main footer and the one at the bottom. This did change the colour of the text though, just the inkthemes remains the wrong colour.

    Thanks
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Could you please specify your issue with the help of screenshot images that whose color you want to change and also share us your website link.
    So that we can provide you the exact solution.
     
  9. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    I already provided the image above? Here it is again anyway. As you can see i have changed the background colours but the original green and yellow dotted lines still exist and the green line between the main footer and the smaller bottom footer. Also the inkthemes in the bottom footer, i would like to change the colour of that text as well. My website is not live so i can not provide a link.

    Untitled.jpg

    Thank you.
     
  10. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    background: none;
    border-bottom: 2px dotted red;
    }
    .bottom-footer .footer_bottom_inner span.copyright a {
    color: black;
    }
    .bottom-footer .footer_bottom_inner span.copyright a:hover{
    color:blue;
    }
    div.bottom-footer {
    background: red;
    color: black;
    } 
    In place of "red", "black" and "blue" you can put your color or color code.
     
  11. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Thanks for that, unfortunately it still did not resolve the issue of the green line between the main footer and the bottom. Also i would like to change the color of the bullet pints if possible. Thanks.

    [​IMG][​IMG][​IMG]
     
  12. muppett1984

    muppett1984 Guest

    Joined:
    May 6, 2014
    Messages:
    22
    Likes Received:
    0
    Here is a picture
     

    Attached Files:

  13. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    To remove green line between the main footer and the bottom you need to go to Appearance-->Theme Options-->Styling Options-->Custom CSS
    And write following code in Custom CSS

    Code:
    .footer-strip {
        background: #000;;
    }
    Replace #000 with your desired color.

    And bullet pints are images, if you want to change the color of bullets, you have to change the color of bullet images using color overlay feature of photoshop.
    You can find bullet image in images folder of your theme directory. To know how to change the color using photoshop following link may help you.
    http://design.tutsplus.com/articles...layer-styles-dialogue-in-photoshop--psd-17580

    Thanks & Regards
    Yogesh Bhade
     

Share This Page