WordPress.org

Ready to get started?Download WordPress

Forums

How do I turn off this CSS code for one text widget on my sidebar? (2 posts)

  1. MulderDSM
    Member
    Posted 5 years ago #

    Here is the CSS that came with my template for my sidebar. I like the CSS but on some text widgets I would like to turn it off for only that text widget. What do I need to do to make that happen?

    /* The Sidebar */

    #sidebar {
    width:200px;
    float:right;
    font-size:12px;
    color:#999;
    margin: 10px 10px 0px 0px;
    font-family:century gothic,Verdana,sans-serif;

    }

    #sidebar ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }

    #sidebar h2 {
    font-size:18px;
    height:25px;
    font-weight:bold;
    padding:3px 0px 0px 5px;
    background:#323232;
    Margin: 10px 0 0 0;
    color:#fff;
    font-variant:small-caps;
    }

    #sidebar li a {
    display:block;
    line-height:160%;
    padding:4px 0 4px 0;
    color:#222;
    background:#C0C0C0;
    border-bottom:1px solid #464646;
    }

    #sidebar li a:hover {
    text-decoration:none;
    background-color:#ae0000;
    color:#fff;

    }

    #sidebar ul li a {
    background:#none;
    padding-left:10px;
    }
    #sidebar table {
    width:100%;
    text-align:center;
    background-color:#464646;
    }

  2. doranpalmer
    Member
    Posted 5 years ago #

    I would just create new classes, and custom code the div's into the text widget using the new classes that give you the style you want.

    Easiest way is to write the new css classes like the old ones i.e.

    #sidebar because the div id isn't changing, then your new class name, works for me.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.