Sidebar help

  • Hey!

    So i am having a CSS issue.

    my sidebar has a border-bottom 1px; so that everything in my sideline gets a bottom border attached to it. which is fine. but in one of the widgets listing in my sidebar i don’t want the bottom border.

    how can i get it to work ?

    The code that is making the bottom border appear is

    #r_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #C1D8E6;
	background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}

    I tried `#r_sidebar .twitter ul li ul li {
    border-bottom: 0px;

    }`
    but that doesn’t work

Viewing 9 replies - 1 through 9 (of 9 total)

  • Link to your site with the problem would really help here?

    Thread Starter spikechu

    (@spikechu)

    https://blogs.gameflak.net/

    I would remove the bottom bar from the code, and put one in via html, or image, where I want it to be.

    Thread Starter spikechu

    (@spikechu)

    i am a little confused on what you mean “removing the bottom bar”

    What i am trying to change is the the border-bottom in the Sidebar in the twitter section.. i am trying to remove it.

    This is your css

    background:transparent url(images/bullet-arrow.gif) no-repeat scroll 5px 9px;
border-bottom:1px solid #C1D8E6;
margin:0;
padding:0 0 0 10px;

    If you remove the border-bottom spec, you won’t have a border-bottom, in any list of your sidebar. Shouldn’t be a problem.

    Thread Starter spikechu

    (@spikechu)

    yea i know that but i don’t want to remove it totally from the whole Sidebar i just want to remove it from the Twitter section of the sidebar
    which is listed under “What are we doing?” section.

    You should start here: Finding_Your_CSS_Styles

    Thread Starter spikechu

    (@spikechu)

    i know what is causing the border-bottom

    this is the code in my CSS

    #r_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #C1D8E6;
	background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}

    But if i remove
    border-bottom: 1px solid #C1D8E6;

    I tried 

    #r_sidebar .twitter ul li ul li {
border-bottom: 0px};

    to override the r_sidebar border.. but it doesn’t work.

    it removes all of the bottom bars, in the sidebar.

    which i don’t want.

    Thread Starter spikechu

    (@spikechu)

    cont.. from last post.. if i remove border-bottom: 1px solid #C1D8E6; it removes all the bottom borders.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Sidebar help’ is closed to new replies.