New to Yoko : help on colors

  • gfo14hdr · Member ·

    Hello,
    Here are my questions. Which CSS code for :

    1. set the foreground color (in my case, is clearer) ?
    2. remove (or change the color of) the separation lines (main and widgets)
    3. set the background color of entry forms

    3. How is it possible to have a better looking “validate” button for email subscription (like the one in “search”)

    Many thanks, great theme :)

    The blog I need help with is: (visible only to logged in users)

  • sandymcfadden · Staff ·

    Hi gfo14hdr,

    I think this code might do what you are looking for. For the foreground color, just change the color to what ever you’re looking for.

    /* email subscription button */
#subscribe-blog input[type=submit] {
    background-color: #D4C9AD;
    color: #2D2524;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 0px;
    outline: medium none;
    padding: 8px 10px 7px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
}

/* foreground color */
#page {
    background-color: #666;
}

/* remove separation lines */
aside.widget,
#content .post {
    border-bottom: none;
}

/* input background color */
input[type=text] {
    background-color: #ccc;
}

    Let me know if that does what you’re looking for.

  • gfo14hdr · Member ·

    Hello sandymcfadden, and many thanks !

    The button looks great now :)

    Separation works alright but … it’s finally cuter with them than without …

    Regarding “global” background and “foreground background”, if you know what I mean … it’s working just perfect.

    Many thanks for your great support and time !

  • gfo14hdr · Member ·

    By the way, how is it possible to also have the input text zone of the subscription looks like the one of the search ??

    Thanxx

  • sandymcfadden · Staff ·

    Glad things are close to working.

    Here is some code that should instead change the color of the separation lines and change the input text field for the subscription form.

    /* adjust subscribe text input */
#subscribe-field {
    margin: 0px 2px 5px 0px;
    width: 62%;
    border-color:  !important;
    background-color: #463F32;
    border: 1px solid #D4C9AD;
    padding: 6px 5px !important;
    width: 40%;
}
#subscribe-field:hover,
#subscribe-field:focus,
#subscribe-field:active {
    background-color: #FFF;
}

/* change separation line colors */
aside.widget,
#content .post {
    border-bottom-color: #fff;
}

    Let me know if that does it for you.

  • gfbg14 · Member ·

    Thank you : works great :)

  • sandymcfadden · Staff ·

    Excellent, glad to hear it!

  • The topic ‘New to Yoko : help on colors’ is closed to new replies.