Custom colors

Hi there, 

I would like to make the following change to my Wallstreet (child) theme Homepage:

  • Colors: I would like the following colors: 
    -Top-header (currently black) #1739FE , 
    -Bottom-footer (currently black) #1739FE , 
    -Top Social Bar & Menu items (currently bright blue) #B6F100
    -Page background (currently white) #7F7F7F

Thank you in advance!

Best, Marcell

image

Comments

  • Hi 
    For this add the below css code inside the custom css box. 

    .header-top-area {
    background-color: #1739FE;
    }
    .footer_section {
        background-color: #1739FE;
    }
    .navbar-inverse {
        background-color: #B6F100;
        opacity: 0.6;
    }

    body.custom-background {
        background-color: #7F7F7F ! important;
    }

    Let me know for further assistance.

    Thanks
    Akhilesh
  • edited February 12
    Hi @akhilesh

    Thank you, it works for most sections except:

    • Top bar (with social media links) is still default color blue
    • Top menu (selected item) is still default color blue
    • Portfolio/project section is still default color grey
    Furthermore, is it possible to adjust the transparancy of the the top menu bar?

    Best, Marcell


  • Hello
    Lets take by step process. 
    To change 
    • Top bar (with social media links)  color  add the below css code.

    .header-top-area {
    1. background-color#1739FE ! important;
  • edited February 12
    Hi Akhilesh, 

    Thank you, top bar works fine now after adding ! important

    • How do I change the Top menu (selected item) color from light blue to dark blue?

    image

    • How do I change the project/portfolio section to match the darkgrey color?
      image

    Thanks, Marcell
  • The website url is https://2140consulting.com
    There are still some accents with the old blue color, all of which should change to match #1739FE

    image
  • Hello
    To change skin  color of the website.
    Go to Customizing

    Theme Style settings

    Change Skin color as your need.More help see the snapshot 


    Thanks
    Akhilesh
  • Hello
    To change Portfolio section background color .
    Add the below css code inside the custom css box. 

    .portfolio-section {
    1. background-color#7f7f7f;
  • Excellent @akhilesh, thank you!
    Best, Marcell
Sign In or Register to comment.