Search code examples
csswordpresswordpress-theminggenesis

CSS: How to remove borders on Wordpress theme

I'm working with the Brunch Pro theme for Wordpress and am seeing a 1px border under each of my entires on the homepage, as well as below each widget in the sidebar. I would like to get rid of those.

You can see my site here. I've attempted to edit these lines in the stylesheet but have gotten no result:

.featured-content .entry {
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.sidebar .widget {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

There must be something I don't understand. This theme loads all of my posts into a widget area, which is not something I'm used to. Can anyone help me with this, please?

Solution

  • Your style.css file still appears to show border-bottom: 1px solid #eee;, are you sure the changes have been committed?

    You may be better off just adding the following in the Appearance > Customizer > Additional CSS section of your site:

    .sidebar .widget,
.featured-content .entry {
    border-bottom: 0;
}