Changing color of theme to hex color

Discussion in 'Infoway WordPress Theme' started by helen_reeves, Feb 20, 2015.

  1. helen_reeves

    helen_reeves New Member

    Joined:
    Feb 19, 2015
    Messages:
    12
    Likes Received:
    0
    Is it possible to be specific with the color of the theme #ff0099 for example?
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
  3. helen_reeves

    helen_reeves New Member

    Joined:
    Feb 19, 2015
    Messages:
    12
    Likes Received:
    0
    Your reply
    We know that it was for Geocraft Pro Theme.
    The process is same for Figero.
    Go to Appearance=>Theme Editor and under Color folder edit the selected color css file(e.g blue.css).

    Can you be more specific I can't see Color folder! Please see screen grab.

    Thanks Helen

    Screen Shot 2015-02-20 at 14.52.24.png
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    Please follow steps to change theme in another color.
    Before changing the theme color we will confirm you that if any images is required in theme apart from the color present on theme option=>styling option=>theme stylesheet(select color) is not available.
    You have to adjust with one of that color images.You can find the folder from you dashboard with the help of wp editor plugin.
    After wp editor plugin installation you will find all files of theme from Appearance=>Theme editor.

    Steps to change whole theme color apart from options available.
    -Select a particular color of theme from theme option=>styling option=>theme stylesheet(select color)
    -Open that file and replace all the color used in that file with your own
    eg. if you select green then search all green code and replace them with your required color.

    If you want to make changes in color in selected part then you can provide us edited screenshot with web URL and color which you want to use.
    We will help you to change color by custom CSS.



    Thanks & Regards
    Pramod
     
  5. helen_reeves

    helen_reeves New Member

    Joined:
    Feb 19, 2015
    Messages:
    12
    Likes Received:
    0
    I have installed WP Editor Plugin. There is a warning not to change theme when running theme!
    Could you help with custom CSS for whole theme colour change please?
     

    Attached Files:

  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    For this please provide URL of your live website with some screenshot of website contains hint where to make changes..

    Thanks & Regards
    Pramod Patel.
     
  7. helen_reeves

    helen_reeves New Member

    Joined:
    Feb 19, 2015
    Messages:
    12
    Likes Received:
    0
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi helen !

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

    Code:
    .topinfobar {
    background: #339900 !important;
    }
    #menu li:hover a, #menu li.current_page_item a {
    background: #339900 !important;
    }
    .content-bar .post .post_content .read_more {
    background: #339900 !important;
    }
    .footer-wrapper .footer {
    background: #339900 !important;
    }
    Thanks,
    Praveen
     
  9. helen_reeves

    helen_reeves New Member

    Joined:
    Feb 19, 2015
    Messages:
    12
    Likes Received:
    0
    Thank you, how do you replace the small arrow image in the top bar to match please?

    Screen Shot 2015-02-27 at 08.09.52.png
     
  10. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi helen,

    Go to "infowaytheme/color/images" folder and replace the "toptip-darkgreen.png" with your image.
    But remember the name of the new image must be same as the replaced image.

    Thanks,
    Praveen
     
  11. gideman

    gideman New Member

    Joined:
    Jan 25, 2015
    Messages:
    6
    Likes Received:
    0

    Attached Files:

  12. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi gideman!

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

    Code:
    .footer-navi {
      background: green;
    }
    Please change background color according to your requirement.

    Thanks,
    Praveen
     
  13. gideman

    gideman New Member

    Joined:
    Jan 25, 2015
    Messages:
    6
    Likes Received:
    0
    Hello Praveen,
    thanks, it works.
    Now I only have a second color above these footer-navi which is a dark red color, how can I change that color?
    Greetings
    Gert
     
  14. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Gert!

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

    .footer-container {
    background: gray;
    }

    Please provide us some edited screenshot if you need any further assistant.

    Thanks,
    Praveen
     
  15. gideman

    gideman New Member

    Joined:
    Jan 25, 2015
    Messages:
    6
    Likes Received:
    0
    Thanks,

    The "container" was the one I hadn't found..
     
  16. gideman

    gideman New Member

    Joined:
    Jan 25, 2015
    Messages:
    6
    Likes Received:
    0
    Hi Praveen,

    I can't find the question I am about to ask you now.
    I have changed several things with colors now, but now my site is transparent? I don't know how it happened and I can't find I way to switch it back.
    Can you help me with that?

    Greetings

    Gert
     

    Attached Files:

  17. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi gideman!

    Please download and install a fresh copy of this theme.
    This will resolve your issue.

    Thanks,
    Praveen
     
  18. gideman

    gideman New Member

    Joined:
    Jan 25, 2015
    Messages:
    6
    Likes Received:
    0
    Hello Praveen,

    where can I download a newest copy and if I install this new copy wont I loose all the changes I made?

    Greetings

    Gert
     
  19. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Gert!

    Please send us your website wordpress login details at [email protected].

    Also, please let me know if you have made any changes/customization in any file of the theme.


    Thanks,
    Praveen
     
  20. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Gert!

    We have resolved your issue.
    Please have a look at your website.

    Thanks,
    Praveen
     

Share This Page