OTW-Sidebar & Widget Manager

https://www.valleyglen.org/temp (landing page = how I want the sidebar to look)

https://www.valleyglen.org/temp/our-neighborhood/houses-of-worship/ (need to edit css tp match landing page.

I am trying to learn how to edit a sidebar with this plugin.

It appears that the plugin has an option page that offers up an area for customizing the css. But not sure how to include it.

This is the css code for the landing page with the otw class name:
‘.otw-sidebar
{
width:292px;
float:left;
border:10px solid #eeead4;
padding:11px 25px 24px 25px;
-moz-box-shadow: 3px 3px 2px 2px #b9b7aa;
-webkit-box-shadow: 3px 3px 2px 2px #b9b7aa;
box-shadow:3px 3px 2px 2px #b9b7aa;
box-sizing:border-box;
min-height: 794px;
}

.otw-sidebar h3
{
font-family:
‘Cantata One’, serif; font-size:25px;
color:#c09533;
text-transform:uppercase;
line-height:30px;
padding:0 0 20px 0;
text-align:center;
}

.otw-sidebar ul
{
list-style:none;
margin:0px;
padding:0px;
}

.otw-sidebar ul li
{
font-size:22px;
color:#49433c;
font-family: ‘Roboto Condensed’, sans-serif;
line-height:25px;
}

.otw-sidebar ul li a
{
color:#49433c;
}

.otw-sidebar ul li.padding_bot
{
padding-bottom: 17px;
}’

The Id for the sidebar is otw-sidebar-2.

I hope this is clear. I’m not a code person, Trying to learn.