Dividers to Separate Widgets in Left Sidebar

Is there any way to have any kind of dividers to separate the widgets in the left sidebar so they don't all blend?

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature_blog_content .sidebar.home {
    border-right: 1px solid black;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

It didn't do anything.

 

Hello,

Could you please provide us 'URL' of your site so that we can better assist you?

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

theme1.1stopnonprofitshop.com

 

Hello,

I have checked your site and the left sidebar border is already over there..

Please have a look over below screenshot..



Thanks & Regards!
Priyanka
InkThemes.com

 

I'm trying to add them horizontally so the widgets don't blend together (drawing lines in screenshot where I want the separation).

 

Hello,

Sorry, but could you please resend your screenshot as I am unable to open your attachment...

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Here is another screen shot. Just want horizontal lines (as shown in red) to separate the different widgets. Or a border around the whole thing would be fine too...1 border per widget.

 

Hello,

Use below code for that..

Code:

.sidebar-left div {
    border-bottom: 1px solid black;
}

Hope this will work as per your requirement..

Thanks & Regards!
Priyanka
InkThemes.com

 

Using that code added way too many lines...see screen shot attached or website at theme1.1stopnonprofitshop.com. I just want one line between each widget to separate them.

 

Hello,

Use below code..

Code:

.sidebar-left h2 {
    border-bottom: 1px solid black;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Almost right...except lines are still not where I want them. You can see where the lines were put when I added the code...but in red, I marked where I want the lines.

 

Hello,

Use below code..

Code:

.ecwd_calendar.ecwd-widget-mini, .sidebar-left ul, form#form-wysija-2 {
    border-bottom: 1px solid black;
}

Hope this will work as per your expectation.

Thanks & Regards!
Priyanka
InkThemes.com

 

That's exactly what I want..except it added a weird little line to the calendar. (Image attached). If that can't be fixed, I'll deal with it. Any way I can get a little gap between the end of the widget and the horizontal line? Also, how do I do the coding when I add more widgets, so it continues to add the horizontal line?

 

Hello,

It seems that you have missed out to attach the screenshot along with your post.

For you second issue, i.e. to add a little gap between the end of the widget and the horizontal line.

For this, code is given below..

Code:

ul.smbt-social-icons {
    padding-bottom: 15px;
}

After adding other widgets, it might be possible that the horizontal line will show over there...If not, let me know I will provide you code for that as well..
Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

The padding worked, but only underneath the social media icon widget...the others stayed the same. How do I add the padding underneath all the widgets?

 

Hello,

Use below code..

Code:

form#form-wysija-2 {
    padding-bottom: 10px;
}
.sidebar-left div {
    padding-bottom: 5px;
    margin-bottom: 0;
}

Hope you will get it resolve..

Thanks & Regards!
Priyanka
InkThemes.com