Border around menu widgets

Activello
1

Hi guys!

Great theme, thanks for contributing!

I’ve got a question relating to the side menu and widgets. I want to add a border like you can see on the attached image - I especially want to get the effect of widget name sticking out above the border. Could you shed some light on how would that be achieved?

A live example can be found on http://www.intothecity.me

2

Hi @kalik,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


#secondary .widget > h3{
  display: table;
  margin: 0 auto;
  top: -23px;
  z-index: 9999999;
  background: #fff;
  padding: 0px 25px;
}

#secondary .widget-title:after{
  display: none;
}
#secondary .widget{
  border: 1px solid #000;
  padding: 15px;
  overflow: visible;
  display: table;
  width: 100%;
}

Best Regards,
Movin