Need help? Check out our Support site, then


How do you change the front color on Andrea Theme

  1. How do you change the front color on Andrea Theme? I would like to change the Header front color to tan.

    The blog I need help with is hrstrategiesbolg.wordpress.com.

  2. CSS tip When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:
    http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

    I do not help with CSS. There's Staff support for the custom design upgrade and a one Volunteer will help when he has time away from his paid work.

    This is feedback. Please consider toning that blue background down. It's painful to read the text on it. IMO it's too LOUD! and makes me want to click out.

  3. How do I get in touch with the support staff for custom design upgrades? I thought this was the page css upgrades?

  4. This is the CSS support forum and those who purchase the upgrade are expected to be able to work quite independently. The normal turn-around time on any blogging support forum to get answers to question is between 12 - 24 hours and frequently longer. I'm sorry but you will have to wait for Staff to get to you or for the Volunteer who helps with CSS to log-in and help you.

  5. Are you wanting to change the post and page titles to tan or are you talking about the top navigation colors? Since you are using a custom header image, there really isn't anything to change up there.

  6. Is it possible to change the post and page titles to tan?

  7. To change post and page titles use the following. I've also included the code for the hover color as well just in case you want to change that. The color codes shown below are the original so replace them with the color you desire.

    .entry-title a {
    color: #87B2D8;
    }

    Below is the hover color.

    .entry-title a:hover {
    color: #FFFFFF;
    }

  8. Is it possible to change the front color of the leave a comment box or change the color of the leave a comment box?

  9. If possible, can you please show me how to make the changes through a print screen.

  10. The main styling for the comment text box is found here:

    #respond #comment-form-comment, #comment-form-share-text-padder {
        -moz-transition-duration: 0.3s;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
        line-height: 18px !important;
        padding: 10px 10px 5px !important;
    }

    They've used RGB values instead of hex so that they can set a level of transparency (the 0.85 on the end). You might try playing with the transparency first. Taking it to 0.65 makes it appear a slightly darker blue (allows more of the background color to show through).

    The bottom box for the name, email and website is here.

    #respond .comment-form-service {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        display: none;
        overflow: hidden;
        padding: 10px 0;
    }

    Again they used RGB and transparency.

  11. Im confused where I am suppose to put this information.

  12. @scicompanies, it sounds as if you have no experience or knowledge of CSS, am I correct? I need to know this so that I can respond properly for you.

  13. @thesacredpath, I figured out how to use CSS. I dont have experience with CSS. Can you assist me with expanding the width of the HR blog Categorizes tabs? I would like to include the entire word in the highlighted blue box. Can you show me through a print screen?

  14. The site linked to your username, http://hrstrategiesbolg.wordpress.com/ , has been deleted. I need a link to the site you are talking about.

  15. To widen the top navigation submenus in the Andrea theme, try adding this CSS to your Appearance → Custom Design → CSS page:

    #nav ul ul a {
    width: 150px;
    }
  16. Thanks DesignSimply, That was so simple.
    Do you know how to change the color on the comment box on the talent management page. Also if you have any design suggestions, please feel free to share.
    Thanks again

  17. Which color? The font color or the background color? Do you want to change it on all pages, or just on that one?

  18. Thesacredpath: I would like the change the comment text on all the pages to dark blue front. The background can remain white. Can you please help me change the email, name, website boxes to dark blue front and white background? I copyed the CSS code you sent but it did not work.

    Also I would like to change the email subscription box from white to light blue background. Thanks in advance for the helping.

    Dark blue:#002a53
    Light blue:#3883fa

  19. I'm not entirely sure I'm clear on what you want.

    The comment box has two states 1) dark blue with dark grey text before you click inside it to add a comment and 2) light with dark grey text after you click inside it to leave a comment. Are you wanting the text dark blue after you click inside the box?

    Right now before you click in the comment box, the text is a very dark grey on a dark blue background and is very difficult to see. Do you want to lighten the color of that text so people can actually read that label?

    When you say you want the text in the comment box a dark blue on white background, are you talking about after someone clicks inside the comment box to leave a comment or before?

    This will take the email username and website fields to white background with the dark blue font.

    #respond .comment-form-fields label {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #002A53;
    }

    This will take the dark "Enter your comment here" text on the dark blue background to the light blue you referenced.

    #respond .comment-textarea label {
    color: #D4E7F7;
    }

    This will take the text the person enters to the dark blue.

    #respond #comment-form-comment, #comment-form-share-text-padder {
    color: #002A53;
    }

    Give those a try and see if I understood correctly.

  20. This turns the subscribe background the same color as the site background.

    #searchform #s, #sidebar form p {
    background: none repeat scroll 0 0 #00355F;
    }
  21. Sorry for the confusion.
    But I might: Right now before I click in the comment box, the text is a very dark grey on a dark blue background and is very difficult to see. How do I want to lighten the color of that text so people can actually read that label?

    Thanks

  22. Is there a way to change the subscription box background without changing the search background? The Css you provided changes both of the items. I only want to change the subscription. Thanks

  23. The second bit in my first response above today takes the color of the "Enter your comment here" text on the dark blue background to a light blue and I see you have that in there.

    To take only the subscription widget background to the body background color, give this a try.

    #sidebar form p {
    background: none repeat scroll 0 0 #00355F !important;
    }
  24. Thanks I was able to fix the boxes.

    The subscription widget I am still have trouble with. When I change the color the search box changes color too.

    This is present code:
    #searchform #s,#sidebar from p {
    margin-bottom:3px;
    background:#fff;
    color:#e02515;

    I added the new code and it change it search box from white to dark blue.

  25. Even though I deleted the code you provided the search box remains dark blue

  26. First off, did you by chance paste the entire stylesheet into the CSS edit window? If so that introduces a lot of nasties.

    Make sure the following that we had added is gone from the CSS edit window.

    #searchform #s, #sidebar form p {
    background: none repeat scroll 0 0 #00355F;
    }

    Put this at the very bottom of all the CSS in your CSS edit window.

    #sidebar form p {
    background: none repeat scroll 0 0 #00355F !important;
    }

    The #searchform #s part of things is what is causing the searchform to take on the dark blue color. In the code directly above we are targeting ONLY the sidebar form p (which is the subscription widget).

    Also, I've left the text area in the subscription widget white like the search box. It makes it much easier for people to find where they are supposed to click and enter their email address to subscribe.

    One last thing, make sure and force refresh the preview page after making a change as it sometimes will not reflect the change. Not sure if this is a browser issue or a wordpress issue, or perhaps a little of both.

  27. TheSacredPath; I would like to register my blog under a domain name that doesnt include wordpress.com. I already purchased the name from Godaddy.com but I want to use it in wordpress. Can you please walk me through the steps to adding on an existing domain name?

    Domain name: HRStrategiesBlog.com

  28. This support document will explain how to map a domain name you own to your site here.

    http://en.support.wordpress.com/domain-mapping/map-existing-domain/

  29. Thanks

    Can you help me change the search box and email subscription to display the print as I write? Currently I have to highlight the box to see the front.

Topic Closed

This topic has been closed to new replies.

About this Topic