My Big Big Color Challenge- Helpppp!

Discussion in 'Woodpecker WordPress Business Theme' started by erinbro, Jun 12, 2014.

  1. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    Hi Piyush,

    Have a client that wants to change from their Flash site TO wordpress...


    So of course I chose Ink Themes...Woodpecker

    1.I need the Woodpecker theme changed to 95% BLACK in color, INCLUDING the pages
    everywhere on the theme.

    2.Important to change the white feature area to BLACK ON THE MAIN PAGE- EVERYTHING IS ALREADY BLACK

    3.I just want to change the TEXT TO BLACK ONLY ON THE HOME BUTTON!!! AND KEEP THE REST GOLD ON THE MENU BAR

    4. I WANT TO PLACE THE LOGO IN THE CENTER, AND CHANGE THE TAP TO CALL BUTTON TO BLACK... ALSO CHANGE THE BLUE
    BUTTON IN THE LOWER AREA ABOVE THE FOOTER TO BLACK- TEXT GOLD!

    __________________________________________

    WEBSITE:

    http://demo4.weupgradewebsites.com/

    u- demo4 p- studiocity123
    __________________________________________

    IF POSSIBLE OR TELL ME HOW TO CHANGE THE WHITE ON ALL PAGES TO black background on all pages,
    even blog pages (like the example below)
    http://dellavecchiaroma.com/males.php


    thanks Piyush my partner Erin Bro have every theme from a years membership we use to have,
    and I'm the guy that sent Neeja the instructions on building the Appointment Theme.


    Tell him hello and THANKS IN ADVANCE... this is one of my biggest client using INK :D


    Tim Richardson
    Weupgrade Websites.com

    __


    Send this information on our email at [email protected] .
    We will check and try to resolve your issue.

    Thanks & Regards,
    Piyush Pratap Singh
     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Could you please explain your problem with the help of screenshot, where you want to change the color, so that we can give you the exact solution.


    Thanks & Regards
    Gourav Shrivastava
     
  3. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    Here ya go,Can you put the tap to call with social icons in the Footer? If not just the social icons
    and for the record,

    how can I change the pages within wordpress to solid black - is there a referral link for that??

    Thanks in advance
     

    Attached Files:

  4. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    I think I have to much code, cluttering up 'my css' Please check :D
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1. For logo

    Please download "header.php" file attached and replace it with your current "header.php" file.

    now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
     div#logo {
    margin-right: auto;
    margin-left: auto;
    width: 60%;
    }
    2.
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .nav-wrapper ul li a:hover, .nav-wrapper ul li.current-menu-item a, .nav-wrapper ul li.current_page_item a {
    color: red!important;
    }
    h1.slide-h1 {
    color: white!important;
    }
    div.content-container {
    background: black;
    }
     

    Thanks & Regards
    Gourav Shrivastava
     

    Attached Files:

  6. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
  7. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    Whoa Nelly... one more thing changing text to white as in the attached screen-shots- but leave the gold text in the button

    Can I shorten the height of the header, there a little space under the logo - I would like to shorten ( but no big deal)
    http://demo4.weupgradewebsites.com/

    Thanks in Advance
     

    Attached Files:

  8. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    a.wpanch {
    color: #fff!important;
    }
    .bottom-feature-container p {
    color: #fff;
    }
     

    Thanks & Regards
    Gourav Shrivastava
     
  9. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    That was great, I needed that.

    But am speaking of changing the actual text to white, not just the Read More button.
    See area circled in red in the attachment...

    Pass on that solution and I will leave you alone. but so far my client is stunned of the
    transformation from flash to WP

    Kudos! :cool:
     

    Attached Files:

  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
     div.feature-page-wt-thumb.clear p {
    color: #fff;
    }

    Thanks & Regards
    Gourav Shrivastava
     
  11. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
  12. Gourav

    Gourav Support Staff

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

    Hello,

    Go to
    Appearance > Theme Option > Social Icons > Facebook URL
    and enter your URL there.

    Use same process for others also.

    Thanks & Regards
    Gourav Shrivastava
     
  13. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    Thanks Gourav... but I want them in the footer right... footer area bottom of the site.
     
  14. erinbro

    erinbro Member

    Joined:
    Dec 28, 2011
    Messages:
    52
    Likes Received:
    1
    I see them in the footer now, how can I remove them from the HEADER AREA???
     
  15. 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:
    .top-icons {
    display: none;
    } 
    This will remove the social media icons from the header.
     

Share This Page