Change colors

This topic contains 8 replies, has 2 voices, and was last updated by  Milind (CyberChimps Team) 3 months ago.

  • Author
    Posts
  • #259897

    digiscrap
    Participant

    Hello,

    Is it possible to change the colors of top menu buttons, copyright footer and other pink elements? I think the top menu buttons is the most difficult thing.

    I now I have to pay for the changes but this is a pre sales question.

    Thanks,
    Vincent

  • #259906

    digiscrap
    Participant

    Hello,

    I only need to change the top menu, rest is fixed. It took a couple of hours to explore ;)

    #after_footer {background: #0083CC; border:solid #FFF 0.1px;}
    .datebox_pink {background: #0083CC;  border:solid #FFF 0.1px;}
    .view_more_btn {border:solid #0083CC 0.1px;}
    
    .carousel-indicators li {
      border-color: #BFC6CC;
      background: white;
    }
    .carousel-indicators li.active{
      border-color: #4A575F;
      background: #0083CC; 
    }
    
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
      color: #FFF; }

    Is it possible to change the color of the pink at this menu? (I changed the text color from pink to white):
    menubalkje

    Thanks for any help,
    Vincent

  • #259946

    Hi,

    There is some confusion. In the above image, menu text color is white and “home” option background color is pink.
    Do you need to change the pink background color to some other color or you need to change the “home” text color from white to some other color?
    Also can you please share your site URL?

  • #259954

    digiscrap
    Participant

    Hello,

    Sorry for the inaudibility…. but you are right about the background color. The original text was pink too. That I changed myself. So it’s only the pink background. Could it be changed to #0083CC if possible?

    Thanks!

    And no, I may not post a link, sorry (wish of my client).

  • #260001

    Hi,

    To change the background color, please try adding below CSS in Appearance–>Theme option–>Design–>Custom CSS. Save the changes and check the result.

    .navbar-default .navbar-nav > .active > a {
    background-color: #0083cc !important;
    box-shadow: 0 0 1px 1px #0083cc;
    }

    Do let me know if you are still facing the issue.
    Thank you.

  • #260006

    digiscrap
    Participant

    Thanks! For the active button it works perfect. Only on mouseover it is still pink. Can that be changed to? Would be great!!

  • #260144

    Hi,

    Please try adding below CSS to change the color on hover.

    .navbar-default .navbar-nav > li > a:hover {
    background-color: #0083cc !important;
    box-shadow: 0 0 1px 1px #0083cc inset;
    }

    Hope this helps

  • #260172

    digiscrap
    Participant

    Thanks for your help! It did partially the job. a:focus is also pink…. What I did to fix all: I replace all “pink” colors in the style.CSS because there are a lot of “pink” borders. Finally I’d put the changed lines in the custom CSS section.

    Looks good!

    Thanks again for your help!

    Regards,
    Vincent

  • #260195

    Hi,

    Glad to know that.
    Let me know if you need any more help.

You must be logged in to reply to this topic.