Outreach – CSS Code?

Community Forums Forums General Discussion Outreach – CSS Code?

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  DarralynC 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #48710

    DarralynC
    Participant
    Post count: 39

    Hi!
    I am new to web design and have a question about code in the Outreach CSS style.
    I am trying to change the color of the text in my sidebars (primary and secondary) on my site.

    http://ccsmain.carmeleducationalfoundation.org/?page_id=322

    I want to change the background to fcf3da and font to black to match body content.
    I figured out how to change the sidebar background and made it blue so I can see the letters.
    Is it part of this code or somewhere else.
    I didn’t know if it was this part of the code:
    .sidebar p {
    color: inherit;
    font-size: inherit;

    But don’t know what that means.
    Can anyone help?
    Thanks.

    Here is the Outreach sidebar code in the css style:

    /* Primary / Secondary Sidebars
    ———————————————————— */

    .sidebar {
    color: #ccc;
    display: inline;
    float: right;
    font-size: 14px;
    width: 300px;
    }

    #sidebar-alt {
    float: left;
    width: 170px;
    }

    .sidebar-content #sidebar,
    .sidebar-sidebar-content #sidebar {
    float: left;
    }

    .content-sidebar-sidebar #sidebar-alt {
    float: right;
    }

    .sidebar a,
    .sidebar a:hover,
    .sidebar a:visited {
    color: #6ab446;
    }

    .sidebar p {
    color: inherit;
    font-size: inherit;
    }

    .sidebar img {
    margin: 0 0 10px;
    }

    .sidebar .widget {
    background-color: #245f9d;
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 25px;
    }

    .sidebar.widget-area ul li,
    #footer-widgets .widget-area ul li {
    border-bottom: 1px dotted #494949;
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0 0 7px;
    word-wrap: break-word;
    }

    .sidebar.widget-area ul ul li {
    border: none;
    margin: 0;
    }

    .sidebar.widget-area ul li a,
    .sidebar.widget-area ul li a:visited {
    color: #ccc;
    }

    .sidebar.widget-area ul li a:hover {
    color: #fff;
    text-decoration: none;
    }

    #48725

    dev
    Participant
    Post count: 457

    [css]
    .sidebar .widget {
    background-color: #FCF3DA;
    }

    .sidebar.widget-area ul li a, .sidebar.widget-area ul li a:visited {
    color: #000000;
    }

    .sidebar.widget-area ul li a:hover {
    color: red;
    }
    [/css]

    #48726

    DarralynC
    Participant
    Post count: 39

    Hi, Dev!
    This is perfect…
    Thanks so much for your help today and last night…I am making notes and learning a lot.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.