Cannot remove grey horizontal lines between widgets in sidebar: Fukasawa theme

• 

  sophieminal · Member · Feb 19, 2016 at 12:18 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’ve spent about 7 hours trying to figure this out, tearing my hair out a bit. I’ve tried editing border-bottom, .widget, so many attempts and nothing has changed.

  I would put code in here but I’m not sure which elements to quote if I’m honest. If there’s a way of showing the CSS style sheet as a whole let me know and I can do that if it helps. This is the first time I’ve posted in this forum too.

  Any help would be hugely appreciated, my website is http://www.sophieminal.com

  Many thanks

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

• 

  michaelvandenberg · Member · Feb 19, 2016 at 1:21 pm

  • Copy link

  Howdie!

  Try this to remove the grey lines:

  .main-menu:before, .widgets:before, .widget + .widget:before, .credits:before {
  	background: none;
  }

  The author of the theme didn’t use border to create the “borders”. These “borders” are created using the ::before selector and a background color.

  Read this for some additional info:
  http://www.w3schools.com/cssref/sel_before.asp

  I hope this helps! :)

• 

  sophieminal · Member · Feb 19, 2016 at 2:31 pm

  • Copy link

  Yes this worked!! Thanks so much