Removing Section Separators

• 

  nich0lasmoore · Member · Sep 4, 2015 at 4:46 pm

  • Copy link
  • Add topic to favorites

  Greetings,

  I was hoping someone might be able to help me remove the lines for different sections on my left sidebar widget. One shows up under “presentations” and the other under “In the local news. Thank you for your time.

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

• 

  rodrigoom · Member · Sep 4, 2015 at 5:43 pm

  • Copy link

  Search for “.widget h3” on your CSS (without quotes), and you’ll come across a code like this:

  `.widget h1,
  .widget h2,
  .widget h3
  .widget h4,
  .widget h5,
  .widget h6 {
  font-size: 10px;
  line-height: inherit;
  margin: 0 0 10px;
  text-transform: uppercase;
  }’

  If you change the last part of the margin property (for something like:
  margin: 0 0 2px;
  )
  , it will alter the size of the section separator. If you want it exclusively for the h3 tags, you can use the same code for a separate .widget h3 customization!

• 

  rodrigoom · Member · Sep 4, 2015 at 5:45 pm

  • Copy link

  Sorry, the code part was not properly closed, here it is:

  .widget h1,
  .widget h2,
  .widget h3
  .widget h4,
  .widget h5,
  .widget h6 {
  font-size: 10px;
  line-height: inherit;
  margin: 0 0 10px;
  text-transform: uppercase;
  }

• 

  nich0lasmoore · Member · Sep 4, 2015 at 6:32 pm

  • Copy link

  Thanks sir. Unfortunately I am still unable to get it to work.

  I used this to remove the separators previously between the links in the widgets:

  widget ul.menu,
  .widget ul.menu li {
  border: -0;
  }

  Forgive me my CSS is not that great. I have very little experience.