Ari Theme – Remove dividers in sidebars

  • Author
    Posts
  • #1188987

    tomkay1080
    Member

    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 crc1080.com.

    #1189097

    Give this a try.

    .widget {

    border-bottom: none;
    }

    #1189122

    tomkay1080
    Member

    @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!

    #1189160

    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.

    #1189172

    tomkay1080
    Member

    @thesacredpath I would appreciate that a lot! Thanks!

    #1189225

    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”.

The topic ‘Ari Theme – Remove dividers in sidebars’ is closed to new replies.