Change One of the Colours on the Chosen Palette (from Salmon Pink to Navy)

edited October 2014 in Corpbiz

  • I would also like to change the 'pink' salmon colour when I hover over the Portfolios on the front page. I would prefer this to turn to navy or something similar. In fact, I prefer to not have the salmon colour at all. Can this be changed throughout the site to a navy? Is there an easy way to do this?

Many thanks, Nicole

Comments

  • edited October 2014
    Hi

    For this , 
     You have to use  firbug ie inspect the element class and add the same class with you values in custom css box of the theme.

    For Example for changing hover color  over the Portfolio on  front page  you required rule is (Add this css code in custom css box )

    .corpo_home_portfolio_showcase_overlay { background-color:#your color code;  }

    Similarly for Your  Want to shae  an idea  part add this in custom css box 
    .btn_red { 
        background-color: #241212
        box-shadow: 0 3px 0px 0 #0A0909;

    }
    Similarly find others.

    Change the color code values as your need .

    Thanks 

    Akhilesh

  • Thank you this is very helpful.
    Do you have the colour code for the navy on your site? So it is the same and shows consistency?

    Thanks, Nicole

  • Hi 

    You can search your required color code as  you  like and replace it with   color code .

    For navy color use this color code  #000080;


    Thanks 

    Akhilesh



  • edited October 2014

  • edited October 2014

  • edited October 2014
    Also, how do I remove the salmon pink coloured text on the http://thrivingearthexchange.org/discover/ page?
    To a navy?

    I have tried .portfolio_caption { #color code } but it hasnt worked...


    Thanks! 
  • edited October 2014

  • Hi 

    Are you want to remove the salmon pink coloured text or chnage the color of this text ?

    If you want to change the color of salmon pink text the follow the given below instruction.

    Copy Past the below line of  css code into the Custom Css field .

    .portfolio_caption span {
      
        color:#805859;
    }

    you can change color code as you want .

    Thanks 

    Akhilesh
  • Thank you that has worked perfectly.
    Kind regards, Nicole
  • However, I also need to replace the salmon pink colour when I hover over and select each filter on this page http://thrivingearthexchange.org/discover/

    Can you also let me know the code for this.

    Thank you! Nicole
  • Hi 

    Copy Past the below line of  css code into the Custom Css field .


    .portfolio_caption a:hover {

       color:#1644BD;

    }

    Thanks 


  • Thanks for this.
    I have copied and pasted and changed the colour but it has not worked.

  • Hi 

    We have checked your url but we are unable to find  for which text , Do you want change  hover color .

    So kindly tell use the text or section by indicating though screen shot .

    So that we can assist you properly.

    Thanks 

    Akhilesh
  • Hi
    It is on:

    With the attached as the hover for the Filters. Currently it is in salmon pink, and I need to change it to the same colour as the caption texts for each project portfolio.

    Thanks - Nicole
    Screen Shot 2014-10-31 at 9.16.58 AM.png
    367 x 78 - 8K
  • Hi webmasteragu 

    Copy this code and paste custom.css in option panel

    .portfolio_tabs li.active > a, .portfolio_tabs li > a:hover {
    color: #505961;
    text-decoration: none;
    }

    Thanks
  • hi 

    did the above solution work for you ? 

    thanks
  • Yes this has worked perfectly and can now be closed.
    Many thanks, Nicole
This discussion has been closed.