WordPress.org

1. spikechu
   Member
   Posted 1 year ago #

   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

2. equaldesign
   Member
   Posted 1 year ago #

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

3. spikechu
   Member
   Posted 1 year ago #

   http://blogs.gameflak.net/

4. TheSooFoo
   Member
   Posted 1 year ago #

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

5. spikechu
   Member
   Posted 1 year ago #

   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.

6. TheSooFoo
   Member
   Posted 1 year ago #

   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.

7. spikechu
   Member
   Posted 1 year ago #

   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.

8. moshu
   Member
   Posted 1 year ago #

   You should start here: Finding_Your_CSS_Styles

9. spikechu
   Member
   Posted 1 year ago #

   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.

10. spikechu
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.