Ari Theme – Remove dividers in sidebars

• 

  tomkay1080 · Member · Mar 19, 2013 at 6:16 pm

  • Copy link
  • Add topic to favorites

  Ari theme help needed.

  http://www.crc1080.com (but site not yet live due to unfinished content)

  See here for a live Ari themed site: http://rachaelgibson.co.uk/

  CSS upgrade purchased.

  I want to remove the dotted dividers in the sidebars.

  Either remove them or change the colour to white so they don’t show up.

  Can anyone give me the code I need to add to the CSS Stylesheet Editor, please?

  Fingers crossed.

  Tom

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

• 

  thesacredpath · Member · Mar 19, 2013 at 7:36 pm

  • Copy link

  Give this a try.

  .widget {

  border-bottom: none;
  }

• 

  tomkay1080 · Member · Mar 19, 2013 at 8:52 pm

  • Copy link

  @thesacredpath that has worked fantastically on the right sidebar.

  Any idea how it could work on the menu (of pages) on the left sidebar?

  Thanks!

• 

  thesacredpath · Member · Mar 19, 2013 at 11:17 pm

  • Copy link

  Since your site is not yet public, and the demo site for Ari doesn’t have a menu, I’ll have to set something up on my test blog to be able to figure out the selectors.

• 

  tomkay1080 · Member · Mar 20, 2013 at 7:41 am

  • Copy link

  @thesacredpath I would appreciate that a lot! Thanks!

• 

  designsimply · Member · Mar 21, 2013 at 10:58 am

  • Copy link

  Give this a try:

  .main-navigation,
  .main-navigation li {
  	border: none;
  }

  To find what CSS to use, I right-clicked on one of the list elements, selected the “Inspect Element” option, and looked around in the CSS that appeared on the right until I found where the borders were getting set, then I copied the same selectors and added “border: none”.